Hey, Gibt es eine Möglichkeit, Browser dazu zu bringen, Zeilenumbrüche in der Quelle zu ignorieren?HTML/CSS - Leerzeichen aus Zeilenumbrüchen im Code für LI entfernen
<div id="navbar">
<div id="navbar-container">
<ul>
<li>HOME</li>
<li>TUTORIALS</li>
<li>BLOG</li>
<li>FORUMS</li>
<li>LINKS</li>
<li> </li>
</ul>
</div>
</div>
#navbar {
background:#FFF;
width:940px;
margin:auto;
border-radius: 10px 10px;
-webkit-box-shadow: 5px 5px 10px #888;
}
#navbar-container {
margin:auto;
}
#navbar-container ul {
list-style:none;
text-align:center;
display:block;
width:auto;
padding:0;
margin:0;
}
#navbar-container li{
list-style:none;
border-left:3px solid black;
display:inline-block;
font-family:"Arial", sans-serif;
font-size:2em;
padding:0 7px 0 10px;
margin:0;
white-space:nowrap;
}
#navbar-container li:hover{
color:#FFF;
background:#000;
border-left:3px solid black;
display:inline-block;
font-family:"Arial", sans-serif;
font-size:2em;
margin:0;
padding:0 7px 0 10px;
}
Es ist ein kleiner Raum zwischen jedem LI platzieren, habe ich es so ist, dann horizontal in einer Reihe aufstellen einzurichten, könnte ich nur die Zeilenumbrüche in der Quelle entfernen, aber id lieber nicht.
Agh, schlag mich auf die offene Tag-Lösung. Ich habe noch nie ein Problem in irgendeinem Browser außer IE gesehen. – jball
das Verlassen der Tags offene Lösung funktioniert, gibt Ihnen die Antwort, wie Sie die Lösung zuerst gegeben. Vielen Dank! – Diesal11
Es ist einer meiner Favoriten =) –