Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> Script Problem für Navigation unter IE, Navigation über JS
Thema abonnieren | Thema versenden | Thema drucken
BlackSmily1
  Geschrieben am: So 11.11.2007, 18:50
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 6
Mitglied seit: 6.01.2005
Habe ein Script der unter Mozilla super Funz aber unter IE leider nicht kann mehr jemand helfen.

CODE
<html>
<head>
<style type="text/css">
 div#Tmenu {
   font-size: 94%;
   width: 39.8em;
   padding: 0.8em;
   border: 1px solid white;
   background-color: #eee;
 }
 * html div#Tmenu {
   width: 41.4em;
   w\idth: 39.8em;  /* IE 6 in standards-compliant mode */
 }
 div#Tmenu div {
   clear: left;
 }
 ul#Navigation {
   margin: 0; padding: 0;
   text-align: center;
 }

 ul#Navigation li {
   list-style: none;
   float: left;
   position: relative;
   margin: 0.4em; padding: 0;
 }
 * html ul#Navigation li {
   margin-bottom: -0.4em;
 }

 ul#Navigation li ul {
   margin: 0; padding: 0;
   position: absolute;
   top: 1.8em; left: -0.4em;
 }
 * html ul#Navigation li ul {
   left: -1.5em;
   lef\t: -0.4em;
 }
 ul#Navigation li ul li {
   float: none;
   display: block;
   margin-top: 0.2em; margin-bottom: 0.2em;
 }

 ul#Navigation a, ul#Navigation span {
   display: block;
   width: 7em;
   font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
   text-decoration: none; font-weight: bold;
   padding: 0.23em 0.97em 0.17em 1.03em;
   border: 1px solid #600;
   border-left-color: #ea0; border-top-color: #ea0;
   color: white; background-color: #c00;
 }
 * html ul#Navigation a, * html ul#Navigation span {
   width: 9.2em;
   w\idth: 7em;  /* IE 6 in standards-compliant mode */
 }
 ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
   padding: 0.17em 1.03em 0.23em 0.97em;
   border-color: #ea0;
   border-left-color: #900; border-top-color: #900;
   background-color: #e00;
 }
 ul#Navigation li ul a:hover {
   border-color: #900;
 }
 li a#aktuell {
   border-right-color: #300; border-bottom-color: #300;
   background-color: #900;
 }
 ul#Navigation li ul span {
   border-right-color: #c96; border-bottom-color: #c96;
   color: #900; background-color: white;
 }
 ul#Navigation li a:active, ul#Navigation li:hover a:active {
   color: black; background-color: #f00;
 }

/* dynamisches Ein-/Ausblenden */
 ul#Navigation li ul {
   display: none;
 }
 ul#Navigation li:hover ul {
   display: block;
   background: #eee;
 }
</style>

<!--[if IE]>
<script type="text/javascript">
if(window.navigator.systemLanguage && !window.navigator.language) {
 function hoverIE() {
   var LI = document.getElementById("Navigation").firstChild;
   do {
     if (sucheUL(LI.firstChild)) {
       LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
     }
     LI = LI.nextSibling;
   }
   while(LI);
 }

 function sucheUL(UL) {
   do {
     if(UL) UL = UL.nextSibling;
     if(UL && UL.nodeName == "UL") return UL;
   }
   while(UL);
   return false;
 }

 function einblenden() {
   var UL = sucheUL(this.firstChild);
   UL.style.display = "block"; UL.style.backgroundColor = "#eee";
 }
 function ausblenden() {
   sucheUL(this.firstChild).style.display = "none";
 }

 window.onload=hoverIE;
}
</script>
<![endif]-->

</head>
<body>
<div id="Tmenu">
<ul id="Navigation">
<table width="20" border="1" cellspacing="0" cellpadding="0">
 <tr>
   <td><li><a id="aktuell" href="#Beispiel">Seite 1</a>
     <ul>
       <li><span>aktuelle Seite</span></li>
       <li><a href="#Beispiel">Seite 1b</a></li>
       <li><a href="#Beispiel">Seite 1c</a></li>
       <li><a href="#Beispiel">Seite 1d</a></li>
     </ul>
   </li></td>
   <td><li><a href="#Beispiel">Seite 2</a></li></td>
   <td><li><a href="#Beispiel">Seite 3</a>
     <ul>
       <li><a href="#Beispiel">Seite 3a</a></li>
       <li><a href="#Beispiel">Seite 3b</a></li>
       <li><a href="#Beispiel">Seite 3c</a></li>
     </ul>
   </li></td>
   <td><li><a href="#Beispiel">Seite 4</a></li></td>
   <td>&nbsp;</td>
 </tr>
</table></ul></div>

</body>
</html>



Danke für ihre Hilfe
Top
PMEmail PosterUsers Website
Top
 
 
Sven K
#2 Geschrieben am: So 11.11.2007, 21:42 (+02:51)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 143
Mitglied seit: 27.10.2006
"funktioniert nicht" ist ja eine sehr aussagekräftige fehlerbeschreibung... gibts ein script fehler? was genau funktioniert nicht?


--------------------
idiot confusion device | Computer Forum
Top
PMEmail Poster
Top
 
BlackSmily1
#3 Geschrieben am: So 11.11.2007, 21:58 (+00:16)
Report PostQuote Post

AyomRank 2
****

Gruppe: Member (inaktiv)
Beiträge: 6
Mitglied seit: 6.01.2005
Die Mousover funtion im Mozilla ohne probleme aber der IE zeigt nicht die links an.

Einfach mal im IE und Mozilla laden weiß nicht genau wie ich den Fehler beschreiben soll.
Top
PMEmail PosterUsers Website
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« Joomla oder Typo3 was empfehlt ihr? | Programmierung Allgemein | Kleines Problem bei meinem Forum. »
Trackback-Url: http://www.ayom.com/track/t/21543
Dieses Thema abonnieren

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Themen Titel Autor Views Antworten Letzte Aktion
Kleines Problem mit preg_replace... BartTheDevil89 69 3 Do 20.11.2008, 22:13
Welches Script verwende ich hier? selfbusiness 170 3 Mo 17.11.2008, 00:33
Problem bei Mail-Versand PH 323 14 Di 11.11.2008, 08:32
[AJAX] Script für Beziehungsdarstellung gesucht TSc 151 5 Mi 29.10.2008, 21:35
wpSALE: Plugin für mehr Verkäufe unter WordPress stalkerX 243 5 Fr 24.10.2008, 14:55
Datenbankabfrage Problem Mauf 230 13 Mi 22.10.2008, 15:48
fewos24.info / fewotipp.eu und Script Japs 111 0 Di 21.10.2008, 14:17
Suche Sponsor-Netzwerk-Script Unitedhost.org 148 1 Mo 20.10.2008, 11:23
Php mail Problem UTF-8 Carbon 310 6 So 19.10.2008, 12:35
Firefox Problem Marc3l 157 4 So 19.10.2008, 10:42




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]