✔ leeres li ist nicht valid

[karl123]

Guten Abend,

ich habe ein Menü gebastelt, welches am Anfang und am Ende der Liste je ein Dreieck per Slant realisiert. Das Slant habe ich in ein li gepackt, was mir aber eine Warnung erzeugt: trimming empty li.

  <ul>
	<li class="slant_start"></li>
  	<li><span>Home</span></li>
	<li><a href="tutorial.php">Tutorial</a></li>
    	<li><a href="kanban.php">Improvement</a></li>
	<li><a href="#">Funny</a></li>
	<li class="slant_stop"></li>
</ul>

Die beiden Slant sind so definiert:

#header_menu li.slant_start {
	line-height:0px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:10px 20px 10px 0px;
	border-color:#F9FFF9 #99CCCC #F9FFF9 #F9FFF9;
}
#header_menu li.slant_stop {
	line-height:0px;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:10px 0px 10px 20px;
	border-color:#F9FFF9 #F9FFF9 #F9FFF9 #99CCCC;
}

Was muss ich tun, um einen validen Code zu erzeugen?

 

[Sven Mintel]

Moin Karl,

eine Warnung ist kein Fehler, das Dokument ist trotz dieser Warnung nicht gezwungenermaßen fehlerhaft.

 

[Maik]

Moin,

ich verschieb das Thema mal ins HTML-Forum, denn eine Validatorwarnung bzgl. inhaltsleerer HTML-Elemente hat mit CSS recht wenig zu tun.

Ansonsten hilft in den "auffälligen" li-Elementen ein geschütztes Leerzeichen " " weiter, um diese Warnung abzustellen.

mfg Maik

 

[karl123]

Danke für den Tipp. Jetzt ist die Seite Valid und auch ohne Warnung.