Ich habe eine Navi mit 4 Orbs und diese Orbs haben ein Hover und nun möchte ich das wenn ich über einen orb fahre darunter die links kommen
dort wo es rot ist sollen dann die buttons bzw die navilinks kommen.
viellen dank für die hilfe schonmal
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » Hilfe bei Navigation!
| Geschlossen | ||
-
So. 10.08.2008
19:50 Uhr
#1
- Registriert seit
- 28.05.2008
- Beiträge
- 1.039
- Beitragswertungen
Hallo ich hab ein Problem und weiß nicht mehr weiter hab nichts entsprechendes gefunden bzw weiß ich nicht wie man das nennt!
Ich habe eine Navi mit 4 Orbs und diese Orbs haben ein Hover und nun möchte ich das wenn ich über einen orb fahre darunter die links kommen
dort wo es rot ist sollen dann die buttons bzw die navilinks kommen.
viellen dank für die hilfe schonmal -
So. 10.08.2008
20:02 Uhr
#2
- Registriert seit
- 14.09.2006
- Beiträge
- 3.766
- Beitragswertungen
in den head bereich<script language="JavaScript" type="text/JavaScript"> function menuswitch(m1,m2,m3,m4,art){ if(art=="show"){ document.getElementById("menu"+m1).style.display="inline"; document.getElementById("menu"+m2).style.display="none"; document.getElementById("menu"+m3).style.display="none"; document.getElementById("menu"+m4).style.display="none"; }else if(art=="switchm"){ var men = document.getElementById("menu"+m1); if(men.style.display=="none"){ men.style.display="inline"; }else if(men.style.display=="inline"){ men.style.display="none"; } } } </script>
der code vom orb<a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('orb1','','URL:HOVER',1); menuswitch('1','2','3','4','show');"><img src="URL" title="ORB1" name="ORB1" width="126" height="24" border="0"></a>
und da dann die links rein
div id="menu1" style="display: none;"><a href="LINK">LINKTEXT</a></div>
Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus. -
So. 10.08.2008
20:56 Uhr
#3
- Registriert seit
- 28.05.2008
- Beiträge
- 1.039
- Beitragswertungen
Hey son!c danke funzt eigentlich nur zeigt er die hover an orbs nich an :-( und er zeigt immer selben links
und noch eine frage kann ich statt links auch buttons mit mousover machen
??
mal ein teil vom code
<td width="73"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Clan','','include/designs/cs-design/Bilder/Unbenannt-13_05.jpg',1); menuswitch('1','2','3','4','show');"><img src="include/designs/cs-design/Bilder/bild_05.jpg" title="CLAN" name="CLAN" width="73" height="61" border="0"/></a></td> <td width="53"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Community','','include/designs/cs-design/Bilder/Unbenannt-13_06.jpg',2); menuswitch('1','2','3','4','show');"><img src="include/designs/cs-design/Bilder/bild_06.jpg" title="COMMUNITY" name="COMMUNITY" width="53" height="61" border="0" /></a></td> <td width="56"></td> <td width="74"></td> </tr> </table></td> </tr> <tr> <td background="include/designs/cs-design/Bilder/bild_18.jpg"> <div id="menu1" style="display: none;"> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a></div> <div id="menu2" style="display: none;"> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a></div> </td> -
So. 10.08.2008
21:07 Uhr
#4
- Registriert seit
- 14.09.2006
- Beiträge
- 3.766
- Beitragswertungen
das er die hover bei den orbs nich anzeigt kann vielleicht daran liegen das du nach der url des hovers - die ",2" hingeschrieben hast. dort muss immer ,1 stehen
ja, du kannst auch bilder mit hover machen anstatt text
und das, dass er immer dieselben anzeigt - liegt daran das du immer die selbe reihenfolge drin hast
nach der url des hovers steht ja da "menuswitch('1','..','show');"
wenn du aber die links von menü 2 haben willst, musst du die 2 nach vorne setzten und die anderen einplatz nachhinten. also z.b "menuswitch('2','...','show');"Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus. -
So. 10.08.2008
21:59 Uhr
#5
- Registriert seit
- 28.05.2008
- Beiträge
- 1.039
- Beitragswertungen
So also hover geht trotzdem nicht
hier vielleicht mal link zur hp das problem ist nun das er immer die buttons dazu zählt
externer Link
Code
<td width="73"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','include/designs/cs-design/Bilder/Unbenannt-13_05.jpg',1); menuswitch('1','2','3','4','show');"><img src="include/designs/cs-design/Bilder/bild_05.jpg" title="HOME" name="HOME" width="73" height="61" border="0"/></a></td> <td width="53"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Community','','include/designs/cs-design/Bilder/Unbenannt-13_06.jpg',1); menuswitch('2','3','4','1','show');"><img src="include/designs/cs-design/Bilder/bild_06.jpg" title="COMMUNITY" name="COMMUNITY" width="53" height="61" border="0" /></a></td> <td width="56"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('CLAN','','include/designs/cs-design/Bilder/Unbenannt-13_07.jpg',1); menuswitch('3','4','1','2','show');"><img src="include/designs/cs-design/Bilder/bild_07.jpg" title="CLAN" name="CLAN" width="56" height="61" border="0" /></a></td> <td width="74"></td> </tr> </table></td> </tr> <tr> <td background="include/designs/cs-design/Bilder/bild_18.jpg"> <div id="menu1" style="display: none;"> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a></div> <div id="menu2" style="display: none;"> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a></a></div> <div id="menu3" style="display: none;"> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> <a href="index.php?news"><img src="include/designs/cs-design/Bilder/bild_16.jpg" width="256" height="23" border="0" /></a> </div> -
Mo. 11.08.2008
06:59 Uhr
#6
- Registriert seit
- 26.08.2006
- Beiträge
- 2.122
- Beitragswertungen
Hey, XxMaTzExX!
<td width="53"><a onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Community','','include/designs/cs-design/Bilder/Unbenannt-13_06.jpg',1); menuswitch('2','3','4','1','show');"><img src="include/designs/cs-design/Bilder/bild_06.jpg" title="COMMUNITY" name="COMMUNITY" width="53" height="61" border="0" /></a></td>
So alles klar?
Mit böhsen Grüßen
BöhserDavid
PS: Son!c ... woher du das wohl hast???-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact- -
Mo. 11.08.2008
10:26 Uhr
#7
- Registriert seit
- 28.05.2008
- Beiträge
- 1.039
- Beitragswertungen
hallo BöhserDavid,
eigentlich nicht
die probleme das der bei jedem Orb die buttons dazuzählt und bei den ersten zwei kein hover ist besteht immernoch ^^ -
Mo. 11.08.2008
10:29 Uhr
#8
- Registriert seit
- 26.08.2006
- Beiträge
- 2.122
- Beitragswertungen
Bei jeder Programmiersprache gibt es den Unterschied zwischen GROSS und kleinschreibung, so ist
Community != COMMUNITY
Änder bei
MM_swapImage('COMMUNITY','','include/designs...
Weil ein Objekt mit dem Namen Community gibt es nicht, sondern mit dem Namen COMMUNITY-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact- -
Mo. 11.08.2008
10:33 Uhr
#9
- Registriert seit
- 28.05.2008
- Beiträge
- 1.039
- Beitragswertungen
Hallo BöhserDavid,
SUPER jetzt geht der hover einwandfrei
nur besteht das problem noch das wenn ich auf den ersten geh dann auf den zweiten und dann dritten Orb. zeigt er alle buttons an :-( -
Mo. 11.08.2008
10:37 Uhr
#10
- Registriert seit
- 28.05.2008
- Beiträge
- 1.039
- Beitragswertungen
Problem hat sich gelöst danke für dir hilfe
-
Mo. 11.08.2008
11:16 Uhr
#11
- Registriert seit
- 14.09.2006
- Beiträge
- 3.766
- Beitragswertungen
Zitat geschrieben von boehserdavid
das hab ich aus nem design von mir - war n kundenauftrag der auch sowas ähnliches haben wollte ... wieso?!Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus. -
Mo. 11.08.2008
11:19 Uhr
#12
- Registriert seit
- 26.08.2006
- Beiträge
- 2.122
- Beitragswertungen
Ich kann dir ja mal meine alte menu.js vom alten Design zeigen...
Das Teil ist von mir, zwar eine Urfassung und relative gut, aber es geht besser...ich glaube ich hab dir das mal gegeben oder?-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact- -
Mo. 11.08.2008
11:24 Uhr
#13
CascadingStyleS gelöschter UserEm ich denke du solltest dich etwas mit CSS beschäftigen, weil dein Problem eigentlich ganz einfach mit CSS zu lösen ist und ich denke du sparst dir sehr viel Code 
.
Schau mal hier nach www.thestyleworks.de/ref/visibility.shtml
mfg ME -
Mo. 11.08.2008
11:39 Uhr
#14
- Registriert seit
- 26.08.2006
- Beiträge
- 2.122
- Beitragswertungen
@CascadingStyleS: Wäre auch ne Möglichkeit, aber dann muss das wieder speziell an den IE6 angepasst werden, weil der das leider nicht immer richtig drauf hat...-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact- -
Mo. 11.08.2008
11:47 Uhr
#15
CascadingStyleS gelöschter User@boehserdavid, aber ich denke das die CSS Eigenschaften auch in IE6 funktionieren sollten und wenn nicht hat man die Möglichkeiten wie z.B hier -->www.quirksmode.org/css/quirksmode.html
hehe ^^ ich hoffe´, das irgendwann alle Browser einem CSS-Standard unterliegen.
Zuletzt modifiziert von CascadingStyleS am 11.08.2008 - 11:48:57 -
Mo. 11.08.2008
12:11 Uhr
#16
- Registriert seit
- 26.08.2006
- Beiträge
- 2.122
- Beitragswertungen
Meinst du jetzt das Menü, was links zu sehen ist?
Im IE6 gibts das gar nicht.
Und zu dem CSS vieles wird vom IE6 komplett falsch interpretiert, es ist eine Qual etwas an den IE6 anzupassen, ich hab bei einer 3 Dimensionen Liste auch aufgegeben, weil die Hover gar nicht erst interpretiert wurden.
Wie geschrieben, solange es bei einer einfachen Liste bleibt, OK, aber wenn es
<ul>
<li>Obermenü // wird angezeigt
<ul>
<li>Untermenü // bei hover auf Obermenü -> könnte klappen, dass es erscheint
<ul>
<li>Link</li> // wird nie mit reinem CSS erscheinen
<li>Link</li>
<li>Link</li>
<li>Link</li>
</ul>
</li>
</ul>
</li><li>2. Obermenü</li>
</ul>
wird, hast du keine Chance mehr, dann helfen auch die CSS Hacks von den "Freaks" nix mehr...-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact- -
Mo. 11.08.2008
13:07 Uhr
#17
CascadingStyleS gelöschter UserSo boehserdavid ich habe dir mal was hochgeladen.
-->www.file-upload.net/download-1035725/IE6_Test.zip.html
(ich kann auch den ganzen Code hier posten aber die .css Datei ist ziemlich lang)
hehe.
Tipp: Du solltest es entpacken sonst funzt die css nicht im zipOrdner.
Das ist ein 3 Level CSS MENU, also du kannst sie 3mal ausklappen und es Funktioniert auch in IE6 und auch getestet auf IE 5.5 xD es ist möglich.
Hoffe das ich dich überzeugen kann. ^^
ja ok <.< ganz kleine unterschiede gabs schon... 1-2mm verschiebungen aber nichs schwerwiegendes.
-
Mo. 11.08.2008
13:46 Uhr
#18
- Registriert seit
- 26.08.2006
- Beiträge
- 2.122
- Beitragswertungen
Das Teil hatte ich auch schon. Das Problem dabei ist aber, das du mit absoluten Werten arbeitest, ich aber relative Werte brauche, weil ich im vorraus nicht weiß, wie breit mein dynamsches Menü wird und ich keine Zeilenumbrüche in den LI's haben will.
Und wie du schon schriebst, passen die Höhen nicht, was auch scheiße ist.
Aber ich versuch mich heute nochmal am IE6, ich hab ja ne Portable Version von dem Teil gebastelt.
Und das ist mein CSS Menu
externer Link
Ab /* MENU - SUBMENU */-Heute schon böhse gewesen?- Ab zur Community
-No Support via Contact-
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten