zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden list-style-image und textausrichtung (im ie)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.03.2006, 15:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.01.2005
Beiträge: 12
Andrzew befindet sich auf einem aufstrebenden Ast
Standard list-style-image und textausrichtung (im ie)

hallo,

ich habe ein problem mit der verwendung von list-style-images.
ich verwende folgende css-anweisung:
Code:
/* Liste im Content-Bereich */
div.content ul
{
list-style-image: url(images/list.gif);
padding:0;
margin:5px 0 5px 20px;

}
div.content ul li {
padding:0;
margin:0;
}
im firefox funktioniert das prima.
im ie und opera wird der alternative listenpunkt zwar auch dargestellt, allerdings wird hier der text im verhältnis tiefer dargestellt.

gibt es eine möglich das listensymbol und den text aneinander auszurichten?

welche faktoren können den die unterschiedliche darstellung beeinflussen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.03.2006, 17:35
Benutzerbild von Lloyd Larkin
Don Quijote
XHTMLforum-Mitglied
 
Registriert seit: 19.11.2005
Ort: Wien
Beiträge: 733
Lloyd Larkin befindet sich auf einem aufstrebenden Ast
Standard

Du hättest mehr Kontrolle über die Ausrichtung wenn du dein List-Style Image als Hintergrund des li einbindest.

Also
Code:
/* Liste im Content-Bereich */ 
div.content ul 
{ 
list-style:none
padding:0; 
margin:5px 0 5px 20px; 

} 
div.content ul li { 
padding:0; 
margin:0; 
background: url(images/list.gif) 0 0.5em no-repeat;
padding-left: 25px;
}
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.03.2006, 20:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 31.01.2005
Beiträge: 12
Andrzew befindet sich auf einem aufstrebenden Ast
Standard Merci

Danke, klappt super.

Kannte die Technik sogar, hatte allerdings immer Probleme damit, browserübergreifend eine ähnliche Darstellung hinzubekommen.
Mit
Code:
background: url(images/list.gif) 0 0.5em no-repeat;
klappt das aber sehr gut.
Prima!
Mit Zitat antworten
Antwort

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
mit Schleife Script reduzieren css_user Javascript & Ajax 3 27.06.2013 16:51
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
List Style mit CSS ausrichten Townboy CSS 1 30.05.2009 15:21
mouseover problem Basti82 Javascript & Ajax 0 13.10.2008 15:17
Imagemap Zugriff bei einer Gallery Sarah14 Javascript & Ajax 3 12.11.2007 15:06


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:08 Uhr.