ilch Forum » Allgemein » HTML, PHP, SQL,... » Hilfe bei Navigation!

Geschlossen
  1. So. 10.08.2008 19:50 Uhr #1
    User Pic
    XxMaTzExX Mitglied
    Registriert seit
    28.05.2008
    Beiträge
    1.039
    Beitragswertungen
    14 Beitragspunkte
    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

    gesperrtes Bild


    dort wo es rot ist sollen dann die buttons bzw die navilinks kommen.

    viellen dank für die hilfe schonmal
    tp-sticker.de

    0 Mitglieder finden den Beitrag gut.
  2. So. 10.08.2008 20:02 Uhr #2
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    in den head bereich
    ?
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <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
    ?
    1
    <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

    ?
    1
    div id="menu1" style="display: none;"><a href="LINK">LINKTEXT</a></div>
    Nimm das Leben nicht zu ernst, du kommst sowieso nicht lebend raus.
    0 Mitglieder finden den Beitrag gut.
  3. So. 10.08.2008 20:56 Uhr #3
    User Pic
    XxMaTzExX Mitglied
    Registriert seit
    28.05.2008
    Beiträge
    1.039
    Beitragswertungen
    14 Beitragspunkte
    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 zunge ??

    mal ein teil vom code

    tp-sticker.de

    0 Mitglieder finden den Beitrag gut.
  4. So. 10.08.2008 21:07 Uhr #4
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    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.
    0 Mitglieder finden den Beitrag gut.
  5. So. 10.08.2008 21:59 Uhr #5
    User Pic
    XxMaTzExX Mitglied
    Registriert seit
    28.05.2008
    Beiträge
    1.039
    Beitragswertungen
    14 Beitragspunkte
    So also hover geht trotzdem nicht zunge

    hier vielleicht mal link zur hp das problem ist nun das er immer die buttons dazu zählt

    externer Link


    Code

    tp-sticker.de

    0 Mitglieder finden den Beitrag gut.
  6. Mo. 11.08.2008 06:59 Uhr #6
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    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-
    0 Mitglieder finden den Beitrag gut.
  7. Mo. 11.08.2008 10:26 Uhr #7
    User Pic
    XxMaTzExX Mitglied
    Registriert seit
    28.05.2008
    Beiträge
    1.039
    Beitragswertungen
    14 Beitragspunkte
    hallo BöhserDavid,

    eigentlich nicht zunge

    die probleme das der bei jedem Orb die buttons dazuzählt und bei den ersten zwei kein hover ist besteht immernoch ^^
    tp-sticker.de

    0 Mitglieder finden den Beitrag gut.
  8. Mo. 11.08.2008 10:29 Uhr #8
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    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-
    0 Mitglieder finden den Beitrag gut.
  9. Mo. 11.08.2008 10:33 Uhr #9
    User Pic
    XxMaTzExX Mitglied
    Registriert seit
    28.05.2008
    Beiträge
    1.039
    Beitragswertungen
    14 Beitragspunkte
    Hallo BöhserDavid,

    SUPER jetzt geht der hover einwandfrei zunge

    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 :-(
    tp-sticker.de

    0 Mitglieder finden den Beitrag gut.
  10. Mo. 11.08.2008 10:37 Uhr #10
    User Pic
    XxMaTzExX Mitglied
    Registriert seit
    28.05.2008
    Beiträge
    1.039
    Beitragswertungen
    14 Beitragspunkte
    Problem hat sich gelöst danke für dir hilfe zunge
    tp-sticker.de

    0 Mitglieder finden den Beitrag gut.
  11. Mo. 11.08.2008 11:16 Uhr #11
    User Pic
    Son!c Hall Of Fame
    Registriert seit
    14.09.2006
    Beiträge
    3.766
    Beitragswertungen
    5 Beitragspunkte
    ZitatZitat geschrieben von boehserdavid

    PS: Son!c ... woher du das wohl hast???

    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.
    0 Mitglieder finden den Beitrag gut.
  12. Mo. 11.08.2008 11:19 Uhr #12
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    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-
    0 Mitglieder finden den Beitrag gut.
  13. Mo. 11.08.2008 11:24 Uhr #13
    User Pic
    CascadingStyleS gelöschter User
    Em zunge 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 zwinker.

    Schau mal hier nach www.thestyleworks.de/ref/visibility.shtml

    mfg ME
    0 Mitglieder finden den Beitrag gut.
  14. Mo. 11.08.2008 11:39 Uhr #14
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    @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-
    0 Mitglieder finden den Beitrag gut.
  15. Mo. 11.08.2008 11:47 Uhr #15
    User Pic
    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. Drink


    Zuletzt modifiziert von CascadingStyleS am 11.08.2008 - 11:48:57
    0 Mitglieder finden den Beitrag gut.
  16. Mo. 11.08.2008 12:11 Uhr #16
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    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-
    0 Mitglieder finden den Beitrag gut.
  17. Mo. 11.08.2008 13:07 Uhr #17
    User Pic
    CascadingStyleS gelöschter User
    So zunge 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 zunge.

    Hoffe das ich dich überzeugen kann. ^^

    ja ok <.< ganz kleine unterschiede gabs schon... 1-2mm verschiebungen aber nichs schwerwiegendes. Drink
    0 Mitglieder finden den Beitrag gut.
  18. Mo. 11.08.2008 13:46 Uhr #18
    User Pic
    boehserdavid Mitglied
    Registriert seit
    26.08.2006
    Beiträge
    2.122
    Beitragswertungen
    2 Beitragspunkte
    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-
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten