[FONT=Arial]Hi,
die Lösung ist schon mal ganz gut, noch zwei Dinge dazu:
Im HTML-Markup solltest du den Links dennoch einen Inhalt mitgeben:
<ul id="menu_icons"><!-- menu icons -->
...
<li class="menuicon_link"><a class="contact_icon" href="../contact" title="<?php bloginfo('name'); ?> Kontakt">Kontakt</a>Kontakt</li>
</ul>
und es dann per CSS verschwinden lassen, z.B. so:
.contact_icon { text-indent: -2000px }
Dann kannst du die Dinge, die du für den "a"-Tag definiert hast, bei der Pseudoklasse weglassen, die gleich bleiben sollen[/FONT][FONT=monospace][FONT=Arial]:[/FONT][FONT=Arial]
Desweiteren bringt es wenig die Links zu floaten, das bringt dir gar nichts. Du musst die Listenpunkte floaten, wenn du sie nebeneinander stehen haben willst. position: relative und der z-index-Wert macht auch keinen Sinn für Links. Auch hier: Nur wenn du sie brauchst: definiere sie für das list-item oder die Liste:
[/FONT][/FONT]
.contact_icon {
background: [URL="http://forum.wordpress-deutschland.org/lexikon/?do=showentry&item=url"]url[/URL]('images/contact_gesamt.png') no-repeat;
background-position: top;
margin-top: -20px;
height: 25px;
width: 30px;
display: block;
padding: 0 0 0 5px;
text-indent: -2000px
}
.contact_icon:hover{
background-position: bottom;
margin-top: -19px
}
Alles anzeigen