Probleme mit der Klappnavi
  • Hallo,
    ich bin dabei die bei webmatze stehende Klappnavi für meine bereits fertige Navi umzustricken.
    Es klappt auch ganz gut, sie sieht schon fast aus wie sie das tun sollte, nur die Rahmen beim subMenu werden mir einfach nicht übernommen.
    An was kann das denn liegen, hier mal mein Quelltext für das subMenu:

    .subMenu a{
    background-color: #B7C9E6;
    padding-left: 6px;
    color: #448;
    border-top: 2px #000000;
    border-bottom: 2px #000000;
    border-left: 1em solid #F4B214;
    border-right: 8px solide #000000; }

    .subMenu a:visited{
    color: #667;
    border-left: 1em solid #F4B214;
    background-image: url(http://www.lenchens-shop.de/auktion/gif/ha.jpg);
    background-repeat:no-repeat;
    background-position:right; }

    .subMenu a:hover{
    background-color: #8c9cb5;
    background-image: url(http://www.lenchens-shop.de/auktion/gif/pf_re.gif);
    background-repeat:no-repeat;
    background-position:right; }

    Kann mir jemand sagen an was das liegt, ich sehe schon vor lauter Wald keine Bäume mehr.

  • 24 Answers sorted by
  • wäre gut, wenn du mal nen link posten könntest, wo man sich das dann samt dem quelltext angucken kann.

    aber mal 2 tipps am rande zu border :
    nimm px angaben, nicht em.
    1ter parameter immer der zustand also solid in deinem falle, dann sollte es auch gehen^^
    (muss immer da stehen...)

    p.s. solide gibt es net xD

  • Danke!
    Die vertippsler waren es.
    Das Brett vor dem Kopf war zu dick.

    Noch eine Frage, kann ich es verhindern, dass .menuBar a:visited immer für das submenue mit übernommen wird so bald der "Oberbutton" besucht wurde?

    Ich stell die Navi gerne mal ins Netz, falls es so nicht klar wird was ich meine. ;o)

  • wieso nimmst du überhaupt visited - ich nehm das garnetmehr, lasse das wenn über php etc laufen ;)

    evtl ja : du gibst den subelementen ne eigene class und in der definierst du nochmal :visited baer mit den gleichen angaben wie standart

  • lasse das wenn über php etc laufen
    Das geht nicht, die Navi kommt in meinen ebay Shop und da geht kein css

    evtl ja : du gibst den subelementen ne eigene class und in der definierst du nochmal :visited baer mit den gleichen angaben wie standart

    Das könnte ich tun und werde es auch probieren, danke! :o)

  • Oh, da lief was schief. *g*

  • Danke fürs ändern

    evtl ja : du gibst den subelementen ne eigene class und in der definierst du nochmal :visited baer mit den gleichen angaben wie standart

    Es geht nicht, es übernimmt beim submenu immer das visited der menuBar auch mit einer definierten class für das submenu.
    Gut, dann muß ich damit wohl leben, es ist nicht sooo tragisch, aber schöner wäre es anders, da ich bei visited rechts einen kleinen Haken drin habe. :o(

  • dem submenu gibste eebenfalls :visited also :

    [CODE]
    .submenu{
    irgendwas
    }
    .submenu:visited{
    das gleiche wie oben
    }
    [/CODE]


    das soltle ieg ohne probleme gehen,
    wichtig ist nur, dass in submenu auch all die eigenschaften stehen, die in der menuBar:visited sind und somit überschreiben werden

  • Ja, ich habs *g* Danke

    Aber eine neue Idee macht mir bei der Umsetzung Probleme.
    Kann ich Klappnavi und normale kombinieren, falls ja, wie?
    Meine Versuche bis jetzt schlugen fehl, da vertägt sich was nicht. :o(

    Ich glaube ich mache mir erst mal eine große Kanne Kaffee, vielleicht geht es ja dann

  • wie meinste das mit kombinieren (solls wohl heissen) ?

  • Nun es soll nicht alles versteckt sein in der Navi.
    Ich habe die Navi mal ins Netz gestellt:

    Navi

    Im FF klappt es im IE nicht.

  • hm ja das prob ist die liste, du kannst nicht einfach in eine liste

      nen setzen, das dann netmehr ganz conform wenn ich mich net irre.so gehts auf jedenfall und macht kleine probleme :man achte drauf : 1ne 2te liste jeweils in der 1ten.dabei musst du aber auf jedenfall dein css anpassen<br /><li><a href="#" class="titel" onClick="showhide('sub1');">Schuhe</a><br /><ul style="display:none" id="sub1" class="subMenu"><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-35_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe bis 36 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-36_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 36 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-37_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 37 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-38_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 38 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-39_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 39 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-40_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 40 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-41_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 41 </a></li><br /><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-42_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 42 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-43_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 43 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-44_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe Größe 44 </a></li><br /><li><a href="http://stores.ebay.de/Lenchens-Shop_Grose-45_W0QQcolZ4QQdirZ1QQftidZ2QQtZkm" target="_blank">Schuhe ab 45 </a></li><br /></ul><br /></li><br />außerdem gibt es sowas nicht ;):<br /><li a href="#" class="titel" onClick="showhide('sub2');">Damenbekleidung</a></li><br />da haste tags vermischt xD#besser :<br /><li><a href="#" class="titel" onClick="showhide('sub2');">Damenbekleidung</a></li><br />

  • Danke!
    Die Pause ist beendet, ich werde das sicher heute noch versuchen.

    Mir scheint, ich habe wirklich zu lange nichts mehr gemacht.

  • So klappt es ohne Probleme, ich danke dir!

    Und mein Brett vor dem Kopf wird auch wieder dünner. ;o)

  • hehe, wunderbar

  • hehe, wunderbar

    Finde ich auch und eine weitere Idee habe ich auch schon. *g*
    Mal sehen wie ich das am Besten umsetze.

  • wenn du probleme mit der umsetzung haben solltest, du weisst ja wo du hilfe bekommst ;)

  • Ich bin ja auch schon wieder da. :o(
    Umgesetzt habe ich so weit alles, aber............
    Ich kann die Position nicht ändern.

    Also erst mal ich habe zusätzlich noch die Buttons mit einem Text versehen, so weit so gut.
    Es klappt auch gut, nur ich bekomme den Text einfach nicht weiter nach rechts versetzt.

    Ich dachte eigentlich habe es verstanden und hier die Werte geändert:
    function updateWMTT(e) {<br /> x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;<br /> y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;<br /> if (wmtt != null) {<br /> wmtt.style.left = (x + 20) + "px";<br /> wmtt.style.top = (y + 20) + "px";<br /> }

    Aber es ändert nichts an der Position der Schrift, bzw. des Kastens.

  • Ich habe es jetzt erst mal mit einer festen Position der Toolbar gelöst, aber richtig glücklich bin ich damit nicht.
    Die Darstellung weicht auch vom IE zum FF ziemlich ab, vor allem bei der Höhe.

  • Ich habe ein ganz neues Problem, hier verträgt sich wieder was nicht. :o(
    Die ganze Navi muß in einen Layer mit fester Postition, packe ich sie aber da rein, geht gar nichts mehr.

    <div id="Layer1"><br /><ul id="navlist">

    Geht das nicht? Und vor allem wie kann ich alles zusammen doch noch in den Layer rein bekommen?

  • wenni ch mich net täusche ist das doch für ebay oder ?
    bei ebay nen layout mit position absolut ist keine gute idee, in der hinsicht lieber mit float, margin + padding arbeiten meine erfahrung


    klar geht das so :
    <br /><div id="Layer1"><br /><ul id="navlist"><br /><br />//.......<br /><br /></div><br /></div><br />


    zum tooltipp:
    (geht doch ohne probleme, wichtig ist nur, dass der tooltipp containert AUSSERHALB deiner navi ist !)
    <br />function updateWMTT(e) {<br />x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;<br />y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;<br />if (wmtt != null) {<br />wmtt.style.left = (x + <b>um wieviel pixel nach links/rechts verschieben</b>) + "px";<br />wmtt.style.top = (y + <b>um wieviel pixel nach oben/unten verschieben</b>) + "px";<br />}<br />

  • wenni ch mich net täusche ist das doch für ebay oder ?

    Ja und ich muß mit festem Layer arbeiten, obwohl es nicht gut ist und ich das normal nicht mag und auch nicht mache, der Layer muß etwas überdecken. :o(


    (geht doch ohne probleme, wichtig ist nur, dass der tooltipp containert AUSSERHALB deiner navi ist !)
    War er eigentlich, ich versuche es noch mal.
    Danke!

  • Ich habe es nun doch nicht hin bekommen mit dem Layer usw.
    Danke für deine Hilfe, ohne die würde mir hier immer noch der Kopf rauchen.

  • wenns dringend ist kann ich das auchmal schnell machen, mir angucken, wenn meld dich im icq wenns ganz dringend sein sollte

Willkommen!

It looks like you're new here. If you want to get involved, click one of these buttons!

Einloggen Registrierung!

Diskussionsteilnehmer

Who's Online (0)