Navi-Leiste-Problem

[cs]

Hallo,

ich habe eine Frage. Ich habe eine Art Navigationsleiste programmiert, die oben rechts angezeigt wird. Nun ist aber die Ganze Zeile schwarz. Wie kann ich nur alles schwarz bis zum Bild Curve2 kriegen???

Hier der Code:

<div style="font:12px; color: #cccccc; background-color: #000000;" valign="top" align="right"><img src=
"daten/curve2.gif" alt="" style="height:13px; top: 0px;"> <a href=
""><img src="daten/chat.bmp" alt="Hier geht es zum Chat" height=
"12px"></a> | <a href=""><img src="daten/leer.gif" alt=
"Hier geht es zum Gästebuch" width="11px" height="12px"></a> |
<a href="mailto:[e-mail]"><img src="daten/email.gif"
alt="Hier könnt ihr mir eine Mail schicken" height="12px">
</a></div>

[cs]

Hallo,

ich habe eine Frage. Ich habe eine Art Navigationsleiste programmiert, die oben rechts angezeigt wird. Nun ist aber die Ganze Zeile schwarz. Wie kann ich nur alles schwarz bis zum Bild Curve2 kriegen???

Hier der Code:

<div style="font:12px; color: #cccccc; background-color: #000000;" valign="top" align="right"><img src=
"daten/curve2.gif" alt="" style="height:13px; top: 0px;"> <a href=
""><img src="daten/chat.bmp" alt="Hier geht es zum Chat" height=
"12px"></a> | <a href=""><img src="daten/leer.gif" alt=
"Hier geht es zum Gästebuch" width="11px" height="12px"></a> |
<a href="mailto:[e-mail]"><img src="daten/email.gif"
alt="Hier könnt ihr mir eine Mail schicken" height="12px">
</a></div>

Vielleicht mit Tabellen???

Also so?

<div id="top" width="100%"><table border="0"><tr><td>
<img src="daten/curve2.gif" alt="" align="top" valign="right"><td><td><a href=
""><img src="daten/chat.bmp" alt="Hier geht es zum Chat" height=
"12px"></a> | <a href=""><img src="daten/leer.gif" alt=
"Hier geht es zum Gästebuch" width="11px" height="12px"></a> |
<a href="mailto:[e-mail]"><img src="daten/email.gif"
alt="Hier könnt ihr mir eine Mail schicken" height="12px">
</a></td></tr>

<a href="index.html"><img src="daten/bg2.bmp" alt=""></a></div>

<img src="daten/curve.bmp" alt="">

[Lemmy Danger]

Guude!

Ich würde an Deiner Stelle erst mal ein paar unsinnige Dinge kicken:

<div style="font:12px;

font-size

color: #cccccc; background-color: #000000;" valign="top" align="right">

...wo wir doch schon ein style-Tag haben: ...; vertical-align:top; text-align:right;">

"daten/curve2.gif" alt="" style="height:13px; top: 0px;">

Wo ist width? Wenn man schon die Höhe angibt, dann sollte man auch konsequent sein.

<a href="">

Hier geht's bestimmt noch nicht zum Chat ;)

<img src="daten/chat.bmp"

Bitmaps sind kein korrektes Bildformat für's Web.

alt="Hier geht es zum Chat"

Es ist schon richtig, dass Du hier das alt-Attribut verwendest (falls das Bild nicht geladen wird). Aber Du willst doch bestimmt auch in anderen Browsern als dem IE einen Tooltip beim Drüberfahren mit der Maus angezeigt bekommen, oder? Dann nimm (zusätzlich!) das title-Attribut.

height="12px">

siehe oben.

width="11px" height="12px">

... es geht doch ;)

So, das wäre schon mal einiges. Für Dein Problem weiss ich keine Lösung, da ich nicht weiss, wie _genau_ Du Dir das vorstellst mit Deiner Navigation. Du hast dem Div keine Breite zugewiesen und das erste Element ist ein Bild, _das_ Bild, bis zu welchem die "Zeile" schwarz sein soll. Nur ist links daneben kein Platz... Ich hätte da ein style="width:100%;" o.ä. in dem Div erwartet.

Hast Du mal nen Link, wo man sich das anschauen kann?

LG ausm Hesseland
Lemmy

[MudGuard]

Hi,

Ich würde an Deiner Stelle erst mal ein paar unsinnige Dinge kicken:

<div style="font:12px;
font-size

Was spricht gegen die zusammenfassende property font? Der CSS-Standard jedenfalls mit Sicherheit nicht.

width="11px" height="12px">
... es geht doch ;)

Du meinst, weil hier nicht nur 1 falscher Attributwert, sondern gleich 2 falsche Attributwerte stehen? HTML kennt keine Einheits-Angaben...

cu,
Andreas

[Lemmy Danger]

Guude!

Na gut, ich seh's ja ein... "font" erschien mir recht ungewöhnlich, hab's aber gerade nachgeschlagen.

Und mit den Einheiten: Der Validator meckert jedenfalls nicht, wenn man's reinschreibt... muss deswegen noch nicht unbedingt richtig sein - aber er meckert nicht ;)

LG ausm Hesseland
Lemmy

[MudGuard]

Hi,

Na gut, ich seh's ja ein... "font" erschien mir recht ungewöhnlich, hab's aber gerade nachgeschlagen.

Und mit den Einheiten: Der Validator meckert jedenfalls nicht, wenn man's reinschreibt... muss deswegen noch nicht unbedingt richtig sein - aber er meckert nicht ;)

kann er auch nicht. Weil eine DTD nicht genau genug festlegen kann, was in dem Attribut drinsteht - der Wert ist nur auf CDATA festgelegt.
Und "12px" ist CDATA.
Daß dort nur eine Zahl oder eine Prozentangabe stehen darf, ist in einer DTD formal nicht festlegbar - und damit auch nicht validierbar.

Siehe die relevanten Ausschnitte aus der DTD:

<!ATTLIST IMG
[...]
  height      %Length;       #IMPLIED  -- override height --
  width       %Length;       #IMPLIED  -- override width --
[...]
  >

<!ENTITY % Length "CDATA" -- nn for pixels or nn% for percentage length -->

Beachte auch den Kommentar bei Length.

(in einem XSchema könnte man das validierbar festlegen, dort können Attributwerte z.B. auf RegExe  ((in diesem Fall z.B. "[0-9]+%?")) eingeschränkt werden)

cu,
Andreas