✔ Verschachtelte Aufzählung [Bug]

[Blackylein]

Hallo!

Ich hab ein kleines Problem mit einer 3x verschachtelten Aufzählung. Erstens bin ich mir nicht sicher, ob das wirklich richtig ist so und zweitens entsteht mir zwischen Aufzählung und dem darauffolgenden <p>-Tag ein riesiger Abstand. Hab das getestet in Opera und IE7, kommen beide zum selben Ergebnis.

Hier der Code:

<h1>Train the Trainer</h1>
    <p>ist eine Ausbildung die sich an:</p>
    <ul>
    	<li>Vortragende
        	<ul>
            	<li>Trainer/innen
                	<ul>
                    	<li>EDV-Trainer/innen
                        	<ul>
                            	<li>IT-Experten/innen</li>
                            </ul>
                        </li>
                    </ul>            
                </li>
             </ul>
          </li>
      </ul>          
     <p>oder andere lehrend, Menschen die Ihr Wissen interessant vermitteln wollen, richtet.</p>

Hoffe jemand kann mir bei diesem kleinen Problem weiterhelfen.
Vielen Dank schon mal!

MfG
Bl4cky

 

[awortmeier]

Würd dir da bestimmt weiterhelfen könne, wenn ich dein Problem begreifen würde?!

Also den riesigen Abstand kannst du via CSS verkleineren. ansonsten is das korrekt, wie ich das sehe.

 

[Blackylein]

Hi!

Anbei ein Screenshot von dem Problem. Den Abstand würde ich gerne wegbekommen.

MfG
Bl4cky

 

[nimenn]

Hallo,

veröffentliche doch bitte mal die dazu gehörige CSS Datei?

Gruß
Nils

 

[Sven Mintel]

Moin,

dieser Abstand dürfte Ergebnis sein von
1: margin-bottom der <ul>'s
2: margin-top des <p>
(evtl. auch noch der padding's der genannten Elemente).
Selbst wenn du dort nichts selbst per CSS notiert hast, wendet der Browser dort seine Standardeinstellungen an.

Du kannst den Abstand also ändern, indem du die genannten Attribute anpasst.

 

[Blackylein]

Hallo!

Vielen Dank! Durch die vielen Verschachtelungen haben sich die Werte für Padding bzw. Margin wohl summiert. Habe das mit CSS jetzt korrigiert.

Nochmals danke!

 

[Maik]

Hi,

ich empfehle da zu Beginn des Stylesheets mit dem Universal-Selektor * zunächst mal die unterschiedlichen Initialwerte in den Browsern zur margin- und padding-Eigenschaft der einzelnen Blockelemente zurückzusetzen:

* {
margin:0;
padding:0;
}

und dort, wo ein Außen- und/oder Innenabstand gewünscht ist, ihn im Stylesheet explizit anzugeben.

mfg Maik