wie geht so ein Menü ?

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • wie geht so ein Menü ?

    Hallo,
    da ich gesucht habe wie verrückt und immernch nciht weis wie so ein Menü geht was ich möchte, habe ich mal ein Bild gemacht.

    Link soll ein Logo rein, danaeben einzelne Links wobei bei klick der Inhalt woanderes angezeigt werden soll als direkt dadrunter.

    ich hoffe ihr wisst was ich meine.

    Danke schonmal.

    wäre gut wenn mir jemand einen Grund code HTML oder CSS geben kann sofern es damit ght.
    Bilder

    • test.gif

      5 kB, 982×77, 787 mal angesehen

  • Hier ein Tabellenmuster, der zu deinem Bild passt

    Quellcode

    1. <style type="text/css"><!--
    2. tr {
    3. vertical-align:top;
    4. }
    5. //--></style>
    7. <table border="1">
    8. <tr>
    9. <td rowspan="2">
    10. <img src="logo.gif" alt="" />
    11. </td>
    12. <td>
    13. <a href="">Link1</a>
    14. <a href="">Link2</a>
    15. <a href="">Link3</a>
    16. </td>
    17. </tr>
    18. <tr>
    19. <td>
    20. Inhalt<br />
    21. Inhalt<br />
    22. Inhalt<br />
    23. Inhalt<br />
    24. Inhalt<br />
    25. </td>
    26. </tr>
    27. </table>
    Alles anzeigen
    Bilder

    • menue-design-beispiel.png

      3,19 kB, 289×147, 712 mal angesehen

  • Danke, da werde ich mich mal durchkämpfen.

    Ich habe sowas gefunden wie ich das meine auf www.phpbb.de ist das. Nur das es optisch anderes aussehen soll aber das ist ja kein Problem das Optische.

    klickt man zb auf Download kommen alle Links was zum Download gehören, genauso brauche ich das für meine Seite.

    @ Marcus Gnaß

    damit wirst Du wohl recht haben aber durch <div> blick ich nicht durch, deshalb benutzte ich <table> usw :/

  • Hallo,
    jetzt habe ich ein Script gefunden das mir zusagt und das ich ein wenig umgebaut habe das es in meienr seite passt.

    Ich habe nur ien Problem und zwar wenn man von Tab3 ein Untermenü anklickt springt der immer auf Tab 2 "forum" zurück was aber nicht sein soll. Das kann zwar komplett abstellen aber entweder habe ich keine Untermenüs mwehr oder aber keinen Hofer Effekt :/ Könnte man das nicht ändern damit der Tab nciht immer zurück auf Tab2 "forum" sprint sondern bei dem tab bleibt woman geklickt hat ?


    von wo ich es habe

    hier mal das Script

    Quellcode

    1. //Set tab to intially be selected when page loads:
    2. //[which tab (1=first tab), ID of tab content to display (or "" if no corresponding tab content)]:
    3. var initialtab=[2, "forum"]
    5. //Turn menu into single level image tabs (completely hides 2nd level)?
    6. var turntosingle=0 //0 for no (default), 1 for yes
    8. //Disable hyperlinks in 1st level tab images?
    9. var disabletablinks=0 //0 for no (default), 1 for yes
    12. ////////Stop editting////////////////
    14. var previoustab=""
    16. if (turntosingle==1)
    17. document.write('<style type="text/css">\n#tabcontentcontainer{display: none;}\n</style>')
    19. function expandcontent(cid, aobject){
    20. if (disabletablinks==1)
    21. aobject.onclick=new Function("return false")
    22. if (document.getElementById && turntosingle==0){
    23. highlighttab(aobject)
    24. if (previoustab!="")
    25. document.getElementById(previoustab).style.display="none"
    26. if (cid!=""){
    27. document.getElementById(cid).style.display="block"
    28. previoustab=cid
    29. }
    30. }
    31. }
    33. function highlighttab(aobject){
    34. if (typeof tabobjlinks=="undefined")
    35. collectddtabs()
    36. for (i=0; i<tabobjlinks.length; i++)
    37. tabobjlinks[i].className=""
    38. aobject.className="current"
    39. }
    41. function collectddtabs(){
    42. var tabobj=document.getElementById("ddtabs")
    43. tabobjlinks=tabobj.getElementsByTagName("A")
    44. }
    46. function do_onload(){
    47. collectddtabs()
    48. expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
    49. }
    51. if (window.addEventListener)
    52. window.addEventListener("load", do_onload, false)
    53. else if (window.attachEvent)
    54. window.attachEvent("onload", do_onload)
    55. else if (document.getElementById)
    56. window.onload=do_onload
    Alles anzeigen

  • Das mit MouseHover ist schon ok, nur wenn ich zb Tab3 mit der Maus drüberfahre werden im Content meine Links angezeigt. Wenn ich die Links aus Tab3 anklicke springt der tab wieder zurück auf Tab1 "forum" und der Inahlt wird von diesem Tab angezeigtwas nicht sein soll. Der Tab3 soll stehen bleiben obwohl ich ienen Link aus Tab3 Ageklickt habe.

    wenn das zu schwirk ist zu ändern könnte mir bitte jemand Erkläre am besten mit MusterCode wie das phpbb.de gemacht hat.

    Wenn man auf einem Link der im Content ist, soll der Tab nicht zurückspringen auf Tab1 "forum".

  • Vermutlich ändert sich die Navigation beim Klick, weil die Seite neugeladen wird und neue Inhalte geladen werden - darauf hat JavaScript keinen Einfluss.

    phpbb nutzt keinerlei Effekte oder Zaubertricks...
    phpbb hat eine statische navigation. wenn man auf einen Link klickt, wird die komplette Seite neu geladen. Folglich kann man seine komplette Seite neu aufbauen.

    Bei der Navigation wird einfach die Hintergrundfarbe geändert.
    http://de.selfhtml.org/css/eigenschaften/hintergrund.htm