Autor |
Nachricht |
-sw-
Threadersteller
Dabei seit: 01.03.2006
Ort: Schweiz
Alter: -
Geschlecht:
|
Verfasst Do 06.07.2006 10:39
Titel [help] Menü - IE |
|
|
Ich hab mir ein Drop Down Menü zusammengebastelt für meine HP, doch leider funktioniert es nur im Safari/ Firefox!!! Im IE dropt das Menü aus irgenwelchen Gründen nicht,... Ich hab keinen schall worin das liegt:
Hier der Code:
Zitat: |
<html>
<head>
<title></title>
<style>
ul#navlist { font-family: sans-serif; }
ul#navlist a
{
font-weight: bold;
text-decoration: none;
}
ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}
ul#navlist li { float: left; }
ul#navlist li a
{
color: #ffffff;
background-color: black;
padding: 7px;
}
ul#navlist li a:hover
{
color: red;
background-color: black;
}
ul#navlist li a:active
{
color: red;
background-color: black;
}
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }
ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}
ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 8px;
}
ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 3px;
}
ul#navlist li:hover ul#subnavlist li a:before { content: " * "; }
</style>
</head>
<body>
<div valign="CENTER" id="navcontainer">
<ul valign="CENTER" id="navlist">
<li><a href="index.php?id=home">Home</a></li>
<li><a href="index.php?id=aktuell">News</a></li>
</ul>
<ul valign="CENTER" id="navlist">
<li id="active"><a href="#" id="current">FanatikS</a>
<ul id="subnavlist">
<li id="subactive"><a href="index.php?id=fanatik" id="subcurrent">About us</a></li>
<li><a href="index.php?id=material">Material</a></li>
</ul>
</li>
<ul id="navlist">
<li id="active"><a href="#" id="current">FC Sion</a>
<ul id="subnavlist">
<li id="subactive"><a href="index.php?id=club" id="subcurrent">Club</a></li>
<li><a href="index.php?id=mannschaft">Mannschaft</a></li>
<li><a href="index.php?id=tourbillon">Tourbillon</a></li>
</ul>
</li>
<ul id="navlist">
<li id="active"><a href="#" id="current">Media</a>
<ul id="subnavlist">
<li id="subactive"><a href="index.php?id=fotos" id="subcurrent">Fotos</a></li>
<li><a href="index.php?id=filme">Movies</a></li>
</ul>
</li>
<ul id="navlist">
<li><a href="index.php?id=special">Special</a></li>
</ul>
<ul id="navlist">
<li id="active"><a href="#" id="current">Links</a>
<ul id="subnavlist">
<li id="subactive"><a href="index.php?id=fcs" id="subcurrent">FC Sion</a></li>
<li><a href="index.php?id=sl">Super League</a></li>
<li><a href="index.php?id=cl">Challange League</a></li>
<li><a href="index.php?id=ot">Others</a></li>
</ul>
</li>
<ul id="navlist">
<li id="active"><a href="#" id="current">Interactive</a>
<ul id="subnavlist">
<li id="subactive"><a href="index.php?id=banner" id="subcurrent">Banner</a></li>
<li><a href="index.php?id=kontakt">Kontakt</a></li>
<li><a href="index.php?id=gb">Gästebuch</a></li>
</ul>
</li>
</div>
</body>
</html>
|
Und hier dasselbe Menü in einner HP eingebunden:
FanatikS Sion
Worin besteht der Fehler , dass das Menü im IE nicht dropt?
Wäre für jegliche Hilfe sehr dankbar!!!!!
-sw-
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 06.07.2006 10:56
Titel
|
|
|
Der IE unterstützt :hover nur für Hyperlinks. Da musst du mit JavaScript ran, such mal nach "Suckerfisch Dropdown".
|
|
|
|
|
Anzeige
|
|
|
-sw-
Threadersteller
Dabei seit: 01.03.2006
Ort: Schweiz
Alter: -
Geschlecht:
|
Verfasst Do 06.07.2006 12:27
Titel
|
|
|
Danke Danke,...
//Thread kann geschlossen werden!
|
|
|
|
|
-sw-
Threadersteller
Dabei seit: 01.03.2006
Ort: Schweiz
Alter: -
Geschlecht:
|
Verfasst Fr 07.07.2006 12:31
Titel
|
|
|
// Thread wieder auf
So hab mir mal nach nem Tutorial Suckerfisch Dropdown, ein neues Menü zusammengebastelt!!!
Leider funktioniert es im IE trotzdem nicht!
Hier der Code vom Neuen:
Zitat: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title></title>
<style type="text/css">
body {
font-family: sans-serif;;
font-size: 100%;
background: white;) no-repeat 6000px 6000px;
padding: 0em;
margin: 0;
}
#content {
width: 34em;
background-color: black;
padding: 1em 0;
border: 5px double #black;
margin: auto;
voice-family: "\"}\"";
voice-family:inherit;
width: 32em;
}
html>body #content {
width: 32em;
}
a {
text-decoration: none;
}
a:link {
color: #white;
}
a:visited {
color: #white;
}
a:active {
color: #white;
}
a:hover {
text-decoration: none;
}
h1 {
text-align: center;
padding: 0 0 0.25em 0;
margin: 0;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
#nav a {
font-weight: none;
color: white;
}
#nav a {
text-decoration: none;
}
#nav li li a {
display: block;
font-weight: normal;
color: #white;
padding: 0.2em 5px;
}
#nav li li a:hover {
padding: 0.2em 5px;
border: 5px solid #black;
border-width: 0 5px;
}
li {
float: left;
position: relative;
width: 6em;
text-align: left;
cursor: default;
background-color: black;
border: 1px solid #black;
border-width: 1px 0;
}
li#first {
border-left-width: 1em;
}
li#last {
border-right-width: 1em;
}
li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
font-weight: normal;
background: black;) bottom left no-repeat;
padding: 0.5em 0 0em 0;
border-right: solid 0px #back;
}
li>ul {
top: auto;
left: auto;
}
li li {
display: block;
float: none;
background-color: black;
border: 0;
}
li:hover ul, li.over ul {
display: block;
}
hr {
display: none;
}
p {
clear: left;
background: black;) center left no-repeat;
padding: 1em 1em 0 1em;
margin: 0;
}
p.image {
float: right;
font-size: 0.8em;
text-align: center;
color: #white;
padding: 1.25em 1.25em 0.25em 0.25em;
}
p.image img {
display: block;
border: 1px solid #white;
}
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
</head>
<body>
<font color="white">
<ul id="nav">
<li><a href="index.php?id=home">Home</a></li>
<li><a href="index.php?id=aktuell">News</a></li>
<li>FanatikS
<ul>
<li><a href="index.php?id=fanatik">About us</a></li>
<li><a href="index.php?id=material">Material</a></li>
</ul>
</li>
<li>FC Sion
<ul>
<li><a href="index.php?id=club">Club</a></li>
<li><a href="index.php?id=mannschaft">Mannschaft</a></li>
</ul>
</li>
<li>Stadion
<ul>
<li><a href="index.php?id=tourbillon">Tourbillon</a></li>
<li><a href="">Martigny</a></li>
</ul>
</li>
<li>Media
<ul>
<li><a href="index.php?id=fotos">Fotos</a></li>
<li><a href="index.php?id=filme">Filme</a></li>
</ul>
</li>
<li><a href="index.php?id=special">Special</a></li>
<li>Links
<ul>
<li><a href="index.php?id=fcs">FC Sion</a></li>
<li><a href="index.php?id=sl">NLA</a></li>
<li><a href="index.php?id=cl">NLB</a></li>
<li><a href="index.php?id=ot">Others</a></li>
</ul>
<li>Interaktiv
<ul>
<li><a href="index.php?id=banner">Banner</a></li>
<li><a href="index.php?id=kontakt">Kontakt</a></li>
<li><a href="index.php?id=gb">Gästebuch</a></li>
</ul>
</ul>
</font>
</body>
</html>
|
Hat vielleicht mir noch jemand nen Tipp?
thx
-sw-
|
|
|
|
|
|
|
|
Ähnliche Themen |
wie erstelle ich diesen menü effekt bzw. das gesammte menü?
CSS Menü - Finde nicht das richtige Menü
3D Menü
PHP-Menü
CSS Menü
Pop up menü
|
|