zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ul liste mit grafik, abstand der grafik zum linken Rand unterschiedlich

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.07.2008, 20:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.07.2008
Beiträge: 29
caja13 befindet sich auf einem aufstrebenden Ast
Standard ul liste mit grafik, abstand der grafik zum linken Rand unterschiedlich

hallo zusammen,
Habe eine Schwierigkeiten mit dem abstand einer liste.
box3 hat einen linken padding Wert von 25px.
Die Aufzählungszeichen (als Grafik eingefügt)der Liste sollen hier genau bündig sein.
Im IE7 und im opera sind sie das nur wenn ich für "box3_re ul li" einen padding-left wert von 20 px einstelle????? Im Netscape verhält es sich wieder anders hier muss ich einen padding-left wert von 28px einstellen???
Warum ignoriert eigentlich die liste den padding wert der box3 ganz?
Hoffe ihr könnt mir weiterhelfen
CSS
Code:
#box3_re{
padding-left: 25px;

#box3_re ul{
margin-top: 130px;
margin-left: 0;
padding-left: 20px;
border-left: 1px solid #dadada;
}
#box3_re ul li{
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #959696;
letter-spacing: 40%;
list-style-image: url(../img/icon2.gif);
margin-bottom: 12px;
border-left: 1px solid #dadada;
Html
Code:
<div id="box3_re">
<ul>
<li>Personen</li>
<li>Referenzen</li>
<li>Kooperation</li>
</ul>
</div>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.07.2008, 22:10
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

soweit ich weiss behandeln die Browser die Listenzeichen a weng unterschiedlich.

Alternativ könntest du die Graik nicht list-style-image zuweisen sondern als HG-Grafik zuweisen (list-style-image dann auf none setzen).

Das klappt eigentlich ganz gut.

XHTML:
Code:
<ul>
    <li class="aufzaehlungszeichen">Schlechtes Layout.</li>
</ul>
Beispiel-CSS-Formatierung:
Code:
.aufzaehlungszeichen  {
    background:url(../images/aufzaehlungszeichen.gif) no-repeat left 0.2em;
    padding:0 0 0 1.5em;   
    margin:0 0 0.3em 0;
}
Ein bißchen mit padding/margin probieren, aber es sollte ohne Probleme funktionieren.

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.07.2008, 22:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.07.2008
Beiträge: 29
caja13 befindet sich auf einem aufstrebenden Ast
Standard

hi klaus,
danke für deinen Tipp, werde es morgen mal testen.
gruß
caja
Mit Zitat antworten
Antwort

Stichwörter
abstand, browserunterschiede, liste, padding

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
Liste (inline) Umbruch erzeugen Steakfred CSS 3 09.05.2006 13:27
Liste ... Bullet als Grafik maikaushamburg CSS 7 31.03.2006 15:58
Liste soll auf der linken Seite nicht eingerückt sein SPACEart CSS 3 05.03.2006 20:57


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:28 Uhr.