mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 08:57 Benutzername: Passwort: Auto-Login

Thema: [help] Menü - IE vom 06.07.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [help] Menü - IE
Autor Nachricht
-sw-
Threadersteller

Dabei seit: 01.03.2006
Ort: Schweiz
Alter: -
Geschlecht: Männlich
Verfasst Do 06.07.2006 10:39
Titel

[help] Menü - IE

Antworten mit Zitat Zum Seitenanfang

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&auml;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-
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.07.2006 10:56
Titel

Antworten mit Zitat Zum Seitenanfang

Der IE unterstützt :hover nur für Hyperlinks. Da musst du mit JavaScript ran, such mal nach "Suckerfisch Dropdown".
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
-sw-
Threadersteller

Dabei seit: 01.03.2006
Ort: Schweiz
Alter: -
Geschlecht: Männlich
Verfasst Do 06.07.2006 12:27
Titel

Antworten mit Zitat Zum Seitenanfang

Danke Danke,...





//Thread kann geschlossen werden!
  View user's profile Private Nachricht senden
-sw-
Threadersteller

Dabei seit: 01.03.2006
Ort: Schweiz
Alter: -
Geschlecht: Männlich
Verfasst Fr 07.07.2006 12:31
Titel

Antworten mit Zitat Zum Seitenanfang

// Thread wieder auf Menno!


So hab mir mal nach nem Tutorial Suckerfisch Dropdown, ein neues Menü zusammengebastelt!!!

Leider funktioniert es im IE trotzdem nicht! *hu hu huu*


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&auml;stebuch</a></li>
</ul>


</ul>
</font>

</body>
</html>


Hat vielleicht mir noch jemand nen Tipp?


thx

-sw-
  View user's profile Private Nachricht senden
 
Ä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ü
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.