Noch ein Bild im Header? [ca-black]

[xTommY89x]

HuHu,

Ich verwende das Style Ca_Black
dies habe ich Zentriert, jedoch würde ich gerne (rechts) neben dem Normalen
site_logo noch ein Bild einfügen, jedoch wie veranstalte ich das?

Danke für eure eventuellen antworten

Betroffene Seite: Forum

Grüße
xTommY89x

[xTommY89x]

Push!

[Talk19zehn]

Hello, "CA Black" ist schon immer zentriert... Undzwar wird dies über die Anweisungen, vgl. bitte --- margin: 0 auto
u.a. jeweils

Code: Alles auswählen

<div id="header" style="width: 100%; margin: 0 auto;">...(...)...
<div id="content" style="width: 100%; margin: 0 auto;">...(...)...
<div id="footer" style="width: 100%; margin: 0 auto;">...(...)...

geregelt ( hier 100%-tige Angabe ) .

Du hast nun die 100% auf 75% geändert und kommst rein gedanklich zu dem Ergebnis, das Forum visuell zentriert zu haben.
Nur, hast du dir das Forum in einer Auflösung von 1024px x 768px oder via Netbook bereits angesehen? Die Spalten Themen, Beiträge, Letzter Beitrag verschieben sich nun ..... [ externes Bild ]
(siehe last post, es erfolgt ein Zeilenumbruch). Irgendwo hat sich lt. firebug außerdem ein margin 0pt versehentlich eingeschlichen.

Wenn du nun zudem ein weiteres Bild neben das derzeitge Site-Logo integrieren möchtest, gibt es m.E. ein neues Problem.

Du brauchst aus meiner persönlichen Sicht zumindest ( so ungefähr ) 92% in der Breite?

Was passiert, wenn Du (je) das Bild auf rd. 210px in der Breite begrenzt und den Versuch unternimmst zu duplizieren: Test - Es käme auf einen Versuch an.

Code: Alles auswählen

<a href="./index.php?sid=60b2a73db166d8756d0511c740dbc9a1" id="logolink"><span></span><img width="210" height="89" src="./styles/ca_black/imageset/nameless.gif" alt="" title=""></a>&nbsp;<img width="210" height="89" src="./styles/ca_black/imageset/nameless.gif" alt="" />

[ externes Bild ]
Nur im Firefoxbrowser mittels firebug getestet und den Code dort entnommen!

Irgendwie habe ich außerdem den Eindruck, dass sich die Spalten Themen, Beiträge um rd. 2px "ggf. ungewollt" nach rechts verschieben. Das ist auch im Original der Fall. Verantwortlich dafür scheint mir jene Auszeichnung der Klassen --> li.header dt, li.header dd
zu sein: padding: 2px 2px 0; ??

Viele Grüße

[xTommY89x]

Code: Alles auswählen

<a href="./index.php?sid=60b2a73db166d8756d0511c740dbc9a1" id="logolink"><span></span><img width="210" height="89" src="./styles/ca_black/imageset/nameless.gif" alt="" title=""></a>&nbsp;<img width="210" height="89" src="./styles/ca_black/imageset/nameless.gif" alt="" />

[ externes Bild ]
Nur im Firefoxbrowser mittels firebug getestet und den Code dort entnommen!

Sorry, wo find ich diese Zeilen?...
also in welcher Datei

[Talk19zehn]

Hello, uuups,- verantwortlich ist meiner Auffassung jene Zeile in der overall_header.html:

Code: Alles auswählen

	<a href="{U_INDEX}" id="logolink"><span>{SITENAME}</span>{SITE_LOGO_IMG}</a>

Demnach probiere bitte, sofern du die Grafiken auf die entsprechende Größe beschränkt und das Forum prozentual angepasst hast: Das sind nur Beispiele, - Pfade, Bildname etc. bitte anpassen.

Code: Alles auswählen

	<a href="{U_INDEX}" id="logolink"><span>{SITENAME}</span>{SITE_LOGO_IMG}</a>&nbsp;<img width="210" height="89" src="./styles/ca_black/imageset/nameless.gif" alt="" />

Grüße


Edit: Eine spitze Klammer, die zuviel gesetzt war, im Code entfernt

[xTommY89x]

d.h. wieder auf 100% umstellen? oder was wäre ein Optimaler wert?

da ich ja rechts + links einen Rand haben möchte.

Grüße

[Talk19zehn]

Erst einmal ein freundliches "Hello",
pauschal kann ich dir das nicht beantworten, da die Grafik, die du neben dem Logo einbinden möchtest, relevant sein wird.
Ich schrieb: ...(...)... ungefähr 92%. Du kannst auch 88% ausprobieren. Schau dir die Auswirkung in kleineren Auflösungen an und du wirst erkennen, dass sich ein Automatismus je Bildschirmbreite und individuell gewählter Auflösung auswirkt. Prüfe bei einer geringeren prozentualen Breite zudem möglichst immer diverse Ansichten im persönlichen Bereich. Denn, wenn du dir deine Seite nur auf einem "XXXL-Monitor" mit einer hohen Auflösung ansiehst, bedeutet dies leider noch lange nicht, dass Besucher diese Vorausetzungen gleichermaßen erfüllen.

Unter dieser G++gle-Suche, wirst du Tools erhalten, welche u.a. hilfreich sind, um bspw. auch Fenstergrößen 800x600px oder 1024x768px zu testen.
Firefox Add-ons Erweiterungen
Web Developer
firebug


Grüße

[xTommY89x]

Code: Alles auswählen

<a href="{U_INDEX}" id="logolink"><span>{SITENAME}</span>{SITE_LOGO_IMG}</a>>&nbsp;<img width="210" height="89" src="./styles/ca_black/imageset/nameless.gif" alt="" />

Grüße

Ja du hast recht Hi erstmal

muss das so sein?
</a>>&nbsp;

sieht bissel aus wie kaudawelsch

EDIT3:
also wenn ich nur

Code: Alles auswählen

<img width="210" height="89" src="./styles/ca_black/imageset/head.gif" alt="" title=""></a>

einfüge passiert anscheind nichts

[Talk19zehn]

Code: Alles auswählen

<a href="{U_INDEX}" id="logolink"><span>{SITENAME}</span>{SITE_LOGO_IMG}</a>>&nbsp;<img width="210" height="89" src="./styles/ca_black/imageset/nameless.gif" alt="" />

Grüße

Ja du hast recht Hi erstmal

muss das so sein?
</a>>&nbsp;

sieht bissel aus wie kaudawelsch

EDIT3:
also wenn ich nur

Code: Alles auswählen

<img width="210" height="89" src="./styles/ca_black/imageset/head.gif" alt="" title=""></a>

einfüge passiert anscheind nichts

muss das so sein?
</a>>&nbsp; sieht bissel aus wie kaudawelsch

Du meinst Kauderwelsch : Da ist eine spitze Klammer zu viel, gut beobachtet. Obigen Beitrag berichtigt. Sorry und Dank für den Hinweis!
Grundsätzlich hast du recht, dass es sich bei Image-Tags um Inline-Elemente handelt, die auch ohne Zwangsleerzeichen via HTML nebeneinander angeordnet werden können. Vgl. bei Bedarf u.a.: http://de.selfhtml.org/html/referenz/elemente.htm
Um Platz zu schaffen, ist ein Zwangsleerzeichen jedoch manchmal oder ggf. so manches Mal zweckmäßig. Und/Oder je vorgegebenem QT, macht das Zwangsleerzeichen evtl. sogar Sinn?

Kann dein Problem momentan nicht nachvollziehen, da Angaben zur Vorgehensweise fehlen. Wundern tut mich in deinem Code der Schluss eines Links. Ist mir nun allerdings auch nicht mehr wirklich wichtig, da ein hänselnder Smiley für mich grundsätzlich in der Definition Spott bedeutet.
Verzeih´, ich mag in der Form nicht diskutieren. Du verstehst dies sicherlich.
.

Beste Grüße