XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   ul liste mit grafik, abstand der grafik zum linken Rand unterschiedlich (http://xhtmlforum.de/showthread.php?t=52908)

caja13 28.07.2008 20:36

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>


hubspe 28.07.2008 22:10

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

caja13 28.07.2008 22:22

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


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

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023