- Registriert
- 02.07.06
- Beiträge
- 327
hallo zusammen
ich bin gerade an einer naigation für meine homepage. es idt eine horizontale navigation bei der bei einem rollover eine art unternavigation konnt. Also so eine art flyout-menü.
im safari funktioniert das auch einwandfrei...aaaaber im firefox wil es nicht, jedes mal wen ich dan über den "button" galerie gehe mit der maus wird der button breiter....immer und immer wieder, was kann ich dagegen tun? ist etwas falsch mit dem sourcecode?
mfg
manuel
ich bin gerade an einer naigation für meine homepage. es idt eine horizontale navigation bei der bei einem rollover eine art unternavigation konnt. Also so eine art flyout-menü.
im safari funktioniert das auch einwandfrei...aaaaber im firefox wil es nicht, jedes mal wen ich dan über den "button" galerie gehe mit der maus wird der button breiter....immer und immer wieder, was kann ich dagegen tun? ist etwas falsch mit dem sourcecode?
oder bin ich einfach zu blöd zum den firefox richtig zu nutzen?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
.navigation {
margin-top: 76px;
margin-left: 20px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #333333;
}
li {
position:relative;
float: left;
text-align: center;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
li a {
text-decoration:none;
color: #CCCCCC;
display: block;
width: 100%;
background-color: #424242;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11pt;
font-weight:bold;
height: 23px;
background-image:url(bg_nav.gif);
}
li a:hover {
background-color: #686868;
color:#FFFFFF;
background-image:url(bg_nav_over.gif);
}
li ul {
position: absolute;
display:none;
top: 28px;
left: auto;
background-color: #666666;
}
li ul li a {
background-image: none;
background-color: #666666;
width: 100px;
text-align:left;
}
li:hover ul {
display:block;
}
li ul li a:hover {
background-image:none;
background-color:#CCCCCC;
}
</style>
</head>
<body>
<div class="navigation">
<ul>
<li><a href="">Home</a></li>
<li><a href="">ENG</a></li>
<li><a href="">News</a></li>
<li><a href="">Galerie</a>
<ul>
<li><a href="">testsadas1</a></li>
<li><a href="">test2</a></li>
</ul>
</li>
<li><a href="">Verkauf</a></li>
<li><a href="">Gewerbehaus</a></li>
<li><a href="">Kontakt</a></li>
</ul>
</div>
</body>
</html>
mfg
manuel