Herzlich willkommen im Archiv vom ABAKUS Online Marketing Forum
Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Titel</title>
<style type="text/css">
#navigation {
height: 40px;
width: 800px;
background-color: #ededed;
width: 762px;
height: 40px;
}
#navigation a {
height: 40px;
width: 162px;
background-color: #ededed;
text-align: center;
display: block;
float: left;
width: 162px;
height: 40px;
line-height: 40px;
}
#navigation a:hover {
height: 40px;
width: 162px;
background: #006600;
text-align: center;
display: block;
float: left;
width: 162px;
height: 40px;
line-height: 40px;
}
</style>
</head>
<body>
<div id="navigation">
<a href="bla.html">link 1</a>
<a href="bla bla.html">link 2</a>
<a href="bla bla bla.html">link 3</a>
</div>
</body>
</html>
Das kann gut sein wenn zu viele infos gegeben werden:Billy04 hat geschrieben:hat super geklappt...
jedoch nur in IE
Ist es normal, dass firefox und safari das nicht schnallen?
Die Texte werden zwar in der jeweiligen Farbe hinterlegt, jedoch haben die Buttons nicht die Grösse von 40 x 162.
xoni hat geschrieben:
#navigation {
height: 40px;
width: 800px;
background-color: #ededed;
width: 762px;
height: 40px;
}
#navigation a {
height: 40px;
width: 162px;
background-color: #ededed;
text-align: center;
display: block;
float: left;
width: 162px;
height: 40px;
line-height: 40px;
}
#navigation a:hover {
height: 40px;
width: 162px;
background: #006600;
text-align: center;
display: block;
float: left;
width: 162px;
height: 40px;
line-height: 40px;
}