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.
Die beiden Slant sind so definiert:
Was muss ich tun, um einen validen Code zu erzeugen?
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.
HTML:
<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:
Code:
#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?