|
|||
Problem bei List-Icon-Abstand
Hallo zusammen
Mich beschäftigt momentan das folgende Problem: Ich habe meine Links als Liste angelegt und das List-Icon als Hintergrund eingefügt. Um den Text von dem Icon zu trennen hab ich links ein Padding eingefügt, jedoch liegt beim hover die hintergrundfarbe nicht mehr über dem icon. gibt es eine möglichkeit dieses padding zu ersetzten (ausser mit festen Leerzeichen oder das icon als bild einzufügen)? Für alle die nicht ganz genau verstehen was ich meine, hier der momentane Stand: Unbenanntes Dokument Mein CSS-Code: Code:
.mainmenu li { text-align:left; width:200px; border-bottom:1px solid #000; margin-bottom:4px; margin-top:4px; paddoing-left: 5px; } .mainmenu a:link, .mainmenu a:visited { color:#000000; font:12pt Arial, Helvetica, sans-serif; font-weight:500; text-decoration:none; display:block; list-style:url(images/layout/list.gif); background-image:url(images/layout/list.gif); background-repeat: no-repeat; background-position: 0 .4em; } .mainmenu a:hover, .mainmenu a:active { color:#000; font:12pt; font-weight:500; text-decoration:none; display:block; background-color:#ffc0a7; background-image:url(images/layout/list.gif); background-repeat: no-repeat; background-position: 0 .4em; } HTML-Code:
<ul class="mainmenu"> <li><a href="#"> Startseite</a></li> <li><a href="#">Termine</a></li> <li><a href="#">Programm</a></li> <li><a href="#">Gästebuch</a></li> <li><a href="#">Kontakt</a></li> <li><a href="#">Vereinsdaten</a></li> <li><a href="#">Referenzen</a></li> <li><a href="#">Intern</a></li> </ul> |
Sponsored Links |
|
|||
Eine Eigenschaft paddoing gibt es nicht.
Gib das Padding den Links, nicht den li-Elementen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
Stichwörter |
abstand, css, icon, list |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit overflow, Navigation verschoben... | buemplizer | CSS | 9 | 09.09.2009 10:43 |
IE7 > Problem mit Abstand | Kirladu | CSS | 1 | 16.05.2009 12:27 |
Abstand und rechen Problem mit Float | Bluerock | CSS | 0 | 18.02.2006 19:19 |
Problem mit Abstand (Boxmodell!?) und noch etwas | Lommel | CSS | 7 | 17.02.2006 18:44 |
[erledigt] horizontales menu (abstand problem) | dottore:skin | CSS | 4 | 20.01.2006 10:33 |