ilch Forum » Allgemein » HTML, PHP, SQL,... » dropdown menu ohne java-script

Geschlossen
  1. Mi. 01.08.2007 18:35 Uhr #1
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Ich möchte folgenden Code für mein dropdown-menü benutzen:

    externer Link

    Leider funktionierts nur im IE richtig. weiß einer von euch warum das so ist?


    Ups falsches Forum, bitte verschieben. grumml


    Zuletzt modifiziert von jankrug am 01.08.2007 - 19:09:02
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 01.08.2007 19:30 Uhr #2
    User Pic
    vollstr3cker Mitglied
    Registriert seit
    12.02.2007
    Beiträge
    1.399
    Beitragswertungen
    0 Beitragspunkte
    das menü funzt auch im ie nicht. es öffnet sich zwar was aber man kann nicht draufklicken oder so weil es sich gleich wieder schließt wenn man mit der maus von dem oberen button geht
    ####################
    ## hier geht's zu apex designs,
    # meinem digitalen Portfolio
    0 Mitglieder finden den Beitrag gut.
  3. Mi. 01.08.2007 19:32 Uhr #3
    User Pic
    Freezon Mitglied
    Registriert seit
    19.06.2007
    Beiträge
    1.667
    Beitragswertungen
    1 Beitragspunkte
    Also bei mir funktioniert es prima! (allerdings auch nur im IE)
    0 Mitglieder finden den Beitrag gut.
  4. Mi. 01.08.2007 19:42 Uhr #4
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Ich habs mit IE6 getestet und da funktionierts Prima. grumml
    0 Mitglieder finden den Beitrag gut.
  5. Mi. 01.08.2007 19:42 Uhr #5
    User Pic
    vollstr3cker Mitglied
    Registriert seit
    12.02.2007
    Beiträge
    1.399
    Beitragswertungen
    0 Beitragspunkte
    ich mit dem 7er.
    ####################
    ## hier geht's zu apex designs,
    # meinem digitalen Portfolio
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 01.08.2007 19:49 Uhr #6
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    hm das ist natürlich doof. Hast du eine Idee worans liegen könnte?
    0 Mitglieder finden den Beitrag gut.
  7. Mi. 01.08.2007 22:39 Uhr #7
    User Pic
    SnoOp Mitglied
    Registriert seit
    12.02.2007
    Beiträge
    679
    Beitragswertungen
    7 Beitragspunkte
    mhh wieso möchtest du denn ein drop down menü ohne javascript machen? soweit ich weiß benötigt man doch eben dieses um mit der if abfrage den entsprechenen div tag auf visible zu schalten?
    +Fav: externer Link
    + Fav: externer Link
    0 Mitglieder finden den Beitrag gut.
  8. Mi. 01.08.2007 22:49 Uhr #8
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Ich hab das so auf irgendeiner Seite gefunden und da stand, dass man das dropdown-menü so jedem Browser ohne java-script benutzen kann.

    Da hab ich mich natürlich gefreut, aber anscheinend gehts ja doch nicht. traurig
    0 Mitglieder finden den Beitrag gut.
  9. Do. 02.08.2007 03:19 Uhr #9
    User Pic
    Devil Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Ich hab ein Videotut über so ein DroDownMeenü gesehen...nur wo -.- schaue mal nach...


    EDIT:

    Klich hier!
    Müsste klappen...


    Zuletzt modifiziert von Devil am 02.08.2007 - 03:24:00
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  10. Do. 02.08.2007 11:48 Uhr #10
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    Es giing darum, dass es ohne JavaScript läuft^^
    Aber bei dem sieht es stark nach JavaScript aus zunge
    externer Link
    0 Mitglieder finden den Beitrag gut.
  11. Do. 02.08.2007 12:43 Uhr #11
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Stimmt sollte ohne java-script sein. zwinker

    Aber da das ja nicht funktioniert werde ich wohl eins mit einbauen. Haus
    0 Mitglieder finden den Beitrag gut.
  12. Do. 02.08.2007 18:22 Uhr #12
    User Pic
    Devil Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Ups...^,^
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  13. Di. 21.08.2007 11:53 Uhr #13
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    Hallo.

    Mit zwei drei Klimbzügen gehen CSS-Dropdown-Menus. Der IE- und die Mozilla-basierenden Browser interpretieren die Vorgaben unterschiedlich. Da müssen "CSS-Hacks" für den IE rein. Ich sitze auch gerade über so ein Menu. Einen Teil konnte ich schon hinbiegen. Jetzt versuche ich noch Boxen zu intergrieren.

    Die Kniffe habe ich mir von cssplay.co.uk abgeschaut.

    Gruß filch


    Zuletzt modifiziert von filch am 21.08.2007 - 11:54:57
    0 Mitglieder finden den Beitrag gut.
  14. Di. 21.08.2007 16:14 Uhr #14
    User Pic
    Jan Hall Of Fame
    Registriert seit
    17.01.2007
    Beiträge
    3.646
    Beitragswertungen
    54 Beitragspunkte
    Wäre cool, wenn du den fertigen Code hier Posten könntest. Ich denke da werden sich einige drüber freuen.
    0 Mitglieder finden den Beitrag gut.
  15. Di. 21.08.2007 16:37 Uhr #15
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    Die wichtigen Zeilen sind wohl die im html-Kopf: 

    <link rel="stylesheet" media="all" type="text/css" href="include/designs/ilchClan/dropdown.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="include/designs/ilchClan/dropdown_ie.css" />
<![endif]-->

    dropdown.css
    dropdown_ie.css
    und dies Zeilen an der gewünschten Stelle: 

    {_list_menunr5@
      <ul>
      <li><a class="hide" href="">%1</a>
      <!--[if lte IE 6]>
      <a href="">
      %1
      <table>
      <tr>
      <td>
      <![endif]-->
                  %2
      <!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
      </ul>
      }

    Ihr seid da ja versierter und entdeckt dann sofort, dass man damit den Inhalt im Admin-Menu bestimmt. Boxen lassen sich in der Form bisher nicht einfügen.

    Im nachfolgendem Code habe ich das Menu ohne Adminmenu festgelegt: 
                <ul>
      <li><a class="hide" href="">Regeln</a>
      <!--[if lte IE 6]>
      <a href="">
      Regeln
      <table>
      <tr>
      <td>
      <![endif]-->
                  <ul>
                  <li><a href="index.php?rules" title="Clan-Regeln">Clan-Regeln</a></li>
                  <li><a href="index.php?rulesw" title="War-Regeln">War-Regeln</a></li>
                  <li><a href="index.php?ruless" title="Server-Regeln">Server-Regeln</a></li>
                  <li><a href="http://www.battle-friends.de/modules.php?name=Content&pa=showpage&pid=10" target="_blank" title="BFL-Regeln">BFL-Regeln</a></li>
                  <li><a href="http://bf42-liga.de/index.php?option=com_content&task=blogcategory&id=18&Itemid=43" target="_blank" title="BF42 Liga-Regeln">BF42 Liga-Regeln</a></li>
                  </ul>
      <!--[if lte IE 6]></td></tr></table></a><![endif]-->
      </li>
      </ul>


    Ich glaube, das war alles was nötig war.

    Gruß filch
    0 Mitglieder finden den Beitrag gut.
  16. So. 02.09.2007 00:32 Uhr #16
    User Pic
    NoRF0X Mitglied
    Registriert seit
    23.07.2007
    Beiträge
    9
    Beitragswertungen
    0 Beitragspunkte
    das funzd deswegen nur im -ie- , weil -ie- die meisten css codes anders auffasst wie ff zB. bzw einnige codes die in ff funzen, funzen in -ie- nicht und umgekehrt.
    längenangaben bei border-spacing werden zB vom -ie- nicht
    aufgenommen.
    exalead.
    0 Mitglieder finden den Beitrag gut.
  17. So. 02.09.2007 08:26 Uhr #17
    User Pic
    Moniwoll Hall Of Fame
    Registriert seit
    18.08.2006
    Beiträge
    1.573
    Beitragswertungen
    0 Beitragspunkte
    aber bei mir (im FF) funktioniert sien Menu trotzdem^^
    0 Mitglieder finden den Beitrag gut.
  18. Mo. 03.09.2007 20:45 Uhr #18
    User Pic
    filch Mitglied
    Registriert seit
    21.08.2007
    Beiträge
    35
    Beitragswertungen
    0 Beitragspunkte
    Ich habe noch etwas an den Stylesheets gebastelt. Ich habe die Menus in FF 1.5, FF2.0.3, Safari 3.0.3, IE6 , IE7, und Opera 9.2 getestet.

    Für den IE heißt das Zauberwort: Conditional Comments.

    Darüber lassen sich die speziellen Anpassungen in getrennten CSS-Dateien vornehmen.

    Ich behaupte mal, für halbwegs aktuellen Browsern lässt sich das CSS-Menu realisieren. In meiner aktuellen Fassung ist das Menu dynamisch einstellbar. Klar die Ladezeit vergrößert sich. Aber bei manch schönen Styles, kann man als ISDN-Nutzer nur warten.


    Gruß filch


    Zuletzt modifiziert von filch am 03.09.2007 - 20:47:24
    0 Mitglieder finden den Beitrag gut.
Geschlossen

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

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten