Tweet
Unbekannter Darstellungsfehler
Ich hab nen Problem mit meiner Hp...
Hier erstmal der Quellcode:
HTML:
<body>
<div class="basis">
<div class="topnavi">
<a href="#">Home</a>
<a href="#">Steckbrief</a>
<a href="#">Galerie</a>
<a href="#">Gedichte & Gedanken</a>
<a href="#">Roh</a>
</div>
</div>
</body>
----------------------------------
CSS:
body
{
margin: 0px;
padding: 0px;
font-family:;
font-size: 0.9em;
background-color: #000;
color: #fff;
}
div.basis
{
width: 960px;
margin: 0px auto;
}
a
{
text-decoration: none;
}
div.topnavi a
{
color: #00f;
width: 186px;
heigth: 40px;
border: 3px solid #00f;
margin: 0px;
padding: 0px;
text-align: center;
float: left;
font-size: 1.3em;
}
div.topnavi a:hover
{
color: #000;
background-color: #00f;
border: 3px solid #000;
}
div.topnavi a.aktiv
{
color: #000;
background-color: #00f;
border: 3px solid #000;
}
div.topnavi a.aktivb
{
color: #000;
background-color: #00f;
border: 3px solid;
}
------------------------------------------------------
Wie ihr sicher seht, habe ich die Breite auf 960px festgelegt...
Das Problem ist, dass im "topnavi" der Text Roh einmal im entsprechendem Link steht und in einer Zeile unter dem linken Link auftaucht.
Dadurch entsteht ein widerlicher Wackeleffekt mit dem Text unter der Linkleiste...
Ich hab wegen meinem Monitor selber nur eine Auflösung von 800x600...
Optimiert ist die Seite auf 1024x960...
Is der Fehler nur wegen der Auflösung, sodass der bei anderen nicht auftaucht oder was is da sache???
Hier erstmal der Quellcode:
HTML:
<body>
<div class="basis">
<div class="topnavi">
<a href="#">Home</a>
<a href="#">Steckbrief</a>
<a href="#">Galerie</a>
<a href="#">Gedichte & Gedanken</a>
<a href="#">Roh</a>
</div>
</div>
</body>
----------------------------------
CSS:
body
{
margin: 0px;
padding: 0px;
font-family:;
font-size: 0.9em;
background-color: #000;
color: #fff;
}
div.basis
{
width: 960px;
margin: 0px auto;
}
a
{
text-decoration: none;
}
div.topnavi a
{
color: #00f;
width: 186px;
heigth: 40px;
border: 3px solid #00f;
margin: 0px;
padding: 0px;
text-align: center;
float: left;
font-size: 1.3em;
}
div.topnavi a:hover
{
color: #000;
background-color: #00f;
border: 3px solid #000;
}
div.topnavi a.aktiv
{
color: #000;
background-color: #00f;
border: 3px solid #000;
}
div.topnavi a.aktivb
{
color: #000;
background-color: #00f;
border: 3px solid;
}
------------------------------------------------------
Wie ihr sicher seht, habe ich die Breite auf 960px festgelegt...
Das Problem ist, dass im "topnavi" der Text Roh einmal im entsprechendem Link steht und in einer Zeile unter dem linken Link auftaucht.
Dadurch entsteht ein widerlicher Wackeleffekt mit dem Text unter der Linkleiste...
Ich hab wegen meinem Monitor selber nur eine Auflösung von 800x600...
Optimiert ist die Seite auf 1024x960...
Is der Fehler nur wegen der Auflösung, sodass der bei anderen nicht auftaucht oder was is da sache???
Kommentar