Frage stellen
ich brauche eine navigation die eine bestimmte breite mit rot ausfüllt.
bei mouse hover soll der link transparent werden.
geht soweit alles nur den rest rechts kann ich nicht ausfüllen. wenn ich rechts was einfüge das den rest ausfüllen soll bekomme ich einen zeilenumbruch nach der liste.
hier der text:
- 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Navigation</title>
<link href="stylegrafik.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background-color: #FFF;
}
* { margin: 0; padding: 0; border: 0; }
#Navibalken {
position:absolute;
left:75px;
top:197px;
width:781px;
height:18px;
z-index:9;
border: 1px solid #000;
overflow: hidden;
}
ul#navigation {
list-style-type:none;
}
ul#navigation li{
float:left;
}
ul#navigation li a{
background-color:#f00;
font-size: 12px;
color: #FFF;
text-decoration: none;
padding-right: 15px;
padding-left: 15px;
padding-bottom: 2px;
}
ul#navigation li a:hover{
background:none;
color: #000;
}
-->
</style>
</head>
<body>
<div id="Navibalken">
<ul id="navigation">
<li><a href="#">Navi 1</a></li>
<li><a href="#">Navi 2</a></li>
<li><a href="#">Navi 3</a></li>
<li><a href="#">Navi 4</a></li>
<li><a href="#">Navi 5</a></li>
</ul>
</div>
</body>
</html>
ideen?
erfolgreiche woche
stephan
