Hallo,
Ich versuche gerade eine neue Navigationsleiste für meine Webseite erstellen, welche unter dem Logo, also horizontal dargestellt wird.
Die Navigation wird per PHP in einen DIV-Kontainer included:
Code:
<div class="bluebox">
<? include($navbar); ?>
</div>
Die navbar.htm sind dann so aus:
Code:
[
url="load.php?get=news/lanews.php"]News[/
url]
[
url="load.php?get=guestbook/labook.php"]Gästebuch[/
url]
[
url="./forums/"]Forum[/
url]
[
url="load.php?get=disclaimer.php&link=link.php"]Links[/
url]
Wie man sieht, ist jeder Nav.-Eintrag in einer eigenen Zeile, sprich mit Zeilenumbrüchen dazwischen.
Hier die CSS Defs:
Code:
.bluebox {
font-size: 8pt;
font-family: Verdana;
vertical-align: top;
background-color: #6D91A9;
padding: 0px;
border-width: 1px;
border-style: solid;
border-color: #B5C7DE;
}
a.navilink:link, a.navilink:visited, a.navilink:active {
display: inline;
color: White;
text-decoration: none;
font-family: Verdana;
font-weight: bold;
font-size: 10pt;
width: 125px;
padding: 3px 0px 3px 0px;
border-right: 1px solid #B5C7DE;
text-align: center;
}
a.navilink:hover {
color: White;
text-decoration: none;
background-color: #024C7F;
font-family: Verdana;
font-weight: bold;
font-size: 10pt;
width: 125px;
padding: 3px 0px 3px 0px;
text-align: center;
}
Das Problem ist nun, dass die Zeilenumbrüche in der navbar.htm, nicht wie in
HTML üblich, ignoriert werdne, sondern einen kleinen Whitespace erzeugen (s. Anhang). Setze ich nun alle Links (<a>) in eine Zeile, geht es wie gewünscht.
Wie kann ich die Zeilenumbrüche ignorieren lassen, sodass ich nicht die gesamte Navigation in eine Zeile quetschen muss?
(Die Zeilenumbrüche per PHP zu ersetzen hat mir
Chakotay1308 schon vorgeschlagen, diese Lösung halte ich jedoch für etwas umständlich - es muss doch auch irgendwie mit
HTML / CSS gehen?)
mfG
mirage228