Text rechts neben dem Logo
1 
Felix Riesterer
0
Text rechts neben dem Logo
Hallo!
In einem Header möchte ich das Logo links und in denselben Container rechts noch zwei Links (Kontakt,...) setzen, das Logo linksbündig, die Schrift rechtsbündig.
Ich habe jetzt für Grafiken eine solche Lösung gefunden. Neben dem Logo kommt dann die Zeile...
<a href='#' target='_self' title='Titel'><img style='float:right;' src='img.gif' alt='Titel' width='223' height='25' /></a>
...und wollte fragen, ob es für mein geschildertes Problem eine ähnliche Lösung gibt, also praktsich das gleiche mit Text.
Oder müsste ich dafür extra zwei weitere Container anlegen, einen für das Logo, einen für den Text?
Danke!!
-
Lieber Bent,
In einem Header möchte ich das Logo links und in denselben Container rechts noch zwei Links (Kontakt,...) setzen, das Logo linksbündig, die Schrift rechtsbündig.
wenn Du "Container" schreibst, sprechen wir dann von einem DIV? Wie sieht denn der _komplette_ Quelltext Deines Headers aus? Für mich klingt das Ganze etwas nach Divitis...
Ich habe jetzt für Grafiken eine solche Lösung gefunden. Neben dem Logo kommt dann die Zeile...
<a href='#' target='_self' title='Titel'><img style='float:right;' src='img.gif' alt='Titel' width='223' height='25' /></a>Dieser Code-Abschnitt ist leider kaum aussagekräftig, da der Kontekt fehlt - für eine sinnvolle Hilfe aber unerlässlich ist. "Neben dem Logo" sagt nichts über den Code vor dem Codeschnipsel aus...
Oder müsste ich dafür extra zwei weitere Container anlegen, einen für das Logo, einen für den Text?
Also doch Divitis? Bitte nicht! Verwende semantisches (X)HTML, dann braucht es fast keine DIVs (aka "Container"), um mit CSS den gewünschten Effekt zu erzielen.
Bitte gib uns einen Link, damit wir das Beispiel live testen können. Alternativ kannst Du uns auch einen etwas ausführlicheren (sinnvoll gekürzten) Code-Ausschnitt präsentieren.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
-
Hi,
Ich habe jetzt für Grafiken eine solche Lösung gefunden. Neben dem Logo kommt dann die Zeile...
<a href='#' target='_self' title='Titel'><img style='float:right;' src='img.gif' alt='Titel' width='223' height='25' /></a>Nehme diese Methode für das Logo - natürlich mit float:left und nicht für img, sondern a, sofern das Logo verlinkt ist. Für text gibt es die Eigenschaft text-align, die hier völlig ausreichend ist.
freundliche Grüße
Ingo