zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem bei List-Icon-Abstand

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.05.2009, 19:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2007
Beiträge: 17
RancoR befindet sich auf einem aufstrebenden Ast
Frage 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:
HTML-Code:
      <ul class="mainmenu">
            <li><a href="#">&nbsp;&nbsp;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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.05.2009, 19:37
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Eine Eigenschaft paddoing gibt es nicht.
Gib das Padding den Links, nicht den li-Elementen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.05.2009, 23:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 30.06.2007
Beiträge: 17
RancoR befindet sich auf einem aufstrebenden Ast
Standard

Ah, klasse. Merci für die schnelle Hilfe.
Mit Zitat antworten
Antwort

Stichwörter
abstand, css, icon, list

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:56 Uhr.