Navigation mit css - Button ohne table

[Andreas]

Hallo,

ich habe ein Problem beim Erstellen einer Navigation mit css. Ich möchte ein icon und daneben einen "Button" - eigentlich nur ein Feld in der der link steht machen.

Soweit hatte ich alles und es klappte auch, aber mit der Grösse des Feldes (Buttons) habe ich dann probleme bekommen. Ich habe diese Grösse einfach mit width angegeben - und da funtionierte es nicht mehr.

Weiters habe ich bei IE das Problem, dass er an der linken unteren Ecke, die beiden Linien überkreuzt.

Hier der Quelltext:
CSS-Datei:
a.anavi { width:120px; margin:10px; background-color:#FFFFFF; font-size:12px; text-decoration:none; line-height:12px; border-style:solid; border-width:1px; padding:2px; }

a.anavi:hover { width:120px; margin:10px; background-color:#ff6600; font-size:12px; text-decoration:none; line-height:12px; border-style:solid; border-width:1px; padding:2px; color:#FFFFFF; border-color:#000000; }

Dokument:
<div class="navi"><img src="../pics/raute_on.gif" width="20" height="11"><a href="#" class="anavi">test</a></div>

Vielleicht hat jemand eine Idee - danke im Voraus,
Andreas

[wahsaga]

hi,

Soweit hatte ich alles und es klappte auch, aber mit der Grösse des Feldes (Buttons) habe ich dann probleme bekommen. Ich habe diese Grösse einfach mit width angegeben - und da funtionierte es nicht mehr.

a ist ein inline-element, also kannst du ihm keine breite zuweisen.
(wenn du das willst, mache zunächst ein block level element daraus.)

gruss,
wahsaga

[Andreas]

a ist ein inline-element, also kannst du ihm keine breite zuweisen.
(wenn du das willst, mache zunächst ein block level element daraus.)

wenn ich ein div oder ein spam daraus mache, funktioniert die Position zum Icon nicht, oder wie meinst es du? - danke!

[Jeena Paradies]

Hallo,

Hast du das http://css.maxdesign.com.au/listamatic/ schon mal ausprobiert?

Grüße
Jeena Paradies

[Andreas]

Hast du das http://css.maxdesign.com.au/listamatic/ schon mal ausprobiert?

Grüße
Jeena Paradies

Da kann ich mir sicher einige Ideen holen bzw. etwas abschau´n ;-)
Danke
Andreas