Darstellung Listen

Illa · 11. November 2006 22:45

Hallo,
mein Problem beschreibt sich eigentlich von selbst:

Ich habe eine Liste gefolgt von Text:

<ul><li><a href="index.php?id=intern" title="Öffnet einen internen Link im aktuellen Fenster" target="_self" class="internal-link">Intern</a></li></ul>
<br />
public pages currently offline<br />

Eigentlich sollte die Liste ja den Text zwingen unter ihr anzufangen was sie leider nicht tut. Nur warum? Folgendes steht in der CSS-Datei.

/* MENU-ELEMENTE - START */
ul{
   text-indent: 0px;
   list-style-position: outside;
   list-style-image: url(images/spacer.gif);
   list-style-type: square;
   padding: 5px;
   margin: 0px;
}

/* MENU-ELEMENTE - STOP */

/* FESTE ELEMENTE  - START*/
a:link	 { text-decoration: none; color: #B0B0B0 }
a:visited { text-decoration: none; color: #B0B0B0 }
a:active  { text-decoration: none; color: #B0B0B0 }
a:hover	 { text-decoration: none; color: #F0F0F0 }

ul, li {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-size: 10px;
     font-style: normal;
     font-weight: bold;
	 height: 15px;
	 vertical-align: middle;
}

Zudem scheint es egal zu sein, ob ich mit <br /> oder <p> arbeite.
Ahh und auch noch zu erwähnen wäre: Diese Fehldarstellung produziert Firefox (1.5.0.6). Der IE packts, was meiner Meinung nach jedoch wohl nichts zu bedeuten hat.

Weiß jemand Rat? Vielen Dank vorab,

Corni

just2b · 12. November 2006 11:45

Hallo,

gib mal das raus: ul,li { height: 15px; }. Fürn Firefox ist die liste (ul) halt dnan auch wirklich 15px hoch!

georg

Illa · 12. November 2006 12:38

Ok, daran hat es gelegen.
Es waren allerdings noch eine mehr Anpassungen notwendig um das ganze sinnvoll zu formatieren.

ul { margin-left: 0px;
     padding-left: 15px;
     margin-top: 10px; }

li{
   text-indent: 0px;
   list-style-position: outside;
   list-style-image: url(images/spacer.gif);
   list-style-type: square;

   height: 12px;
}

Vielen Dank!