Frage stellen
ich verzweifel gerade ein bischen. Denke aber es liegt einfach an einem Denkfehler. Hab schon einige Tutorials durch und komme nicht auf die Lösung.
Folgendes Problem:
Ich möchte eine Horizontale Navigation in einer Liste erstellen, bekomme es aber nicht gebacken die Höhe oder auch Breite einzustellen. Die Rahmen sind immer so groß wie der Text ist. Ich hab aber Layoutbedingt eine Höhe an die ich mich halten muss (32px) und brauche Design Technisch einen Rahmen Links und Rechts von jedem Button.
Ist das den machbar ?
Hier mein Code:
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
</title>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<link rel="stylesheet" href="./styles.css"
type ="text/css">
</head>
<body>
<div class="mainnavi">
<ul class="navi">
<li><a href="./home.htm">Home</a></li>
<li><a href="./service.htm">Service</a></li>
<li><a href="./kontakt.htm">Kontakt</a></li>
<li><a href="./anfahrt.htm">Anfahrt</a></li>
<li><a href="./server.htm">Serverlösungen</a></li>
</ul>
</div>
</body
</html>
Und die CSS daten:
- Code: Alles auswählen
.navi ul
{
list-style-type: none;
display: inline;
height: 32px;
}
.navi li
{
background-image: url(../bilder/cityb_15.png);
display: inline;
height: 32px;
margin: auto;
}
.navi a
{
text-decoration: none;
color: black;
font-weight: bold;
display: block;
border: 1px solid black;
}
.navi li a
{
height: 32px;
}
Hoffe ich hab es verständlich beschrieben
Danke im Vorraus
rampam
