8 berichten aan het bekijken - 1 tot 8 (van in totaal 8)
  • Q:
    Bijdrager
    Es

    CSS fly-out menu probleem > OPGELOST!

    Ik heb in een site die ik aan het maken ben een flyout menu gebruikt van deze site http://www.cssplay.co.uk/menus/flyoutt.html

    Zie hier mijn versie: http://www.esthermols.net/clients/Capta/
    Nu ziet het er op zich ok uit maar als je over het menu heengaat zie je dat de submenu’s onder de foto verdwijnen. In iedergeval in Safari. Weet iemand hoe ik dit moet oplossen? Heeft dat iets met z-index ofzo te maken?

    Alvast VEEL DANK!

    Bijdrager
    danielpunt

    Als je denkt dat het met de z-index te maken heeft probeer je dat toch zelf eerst :roll:

    ik ga wel even voor je kijken:)

    Bijdrager
    Es

    Ik heb ook al zitten klooien en zoeken en lezen en kijken maar ik kom er niet uit. Anders had ik natuurlijk niet gepost….

    Ik heb bijvoorbeeld de z-index van het menu op 10.000 gezet en nu komt ie in Safari inderdaad eroverheen. Maar in Firefox kan ik de submenus dan niet meer aanklikken. Ik weet dus niet precies wat ik moet doen. En die 10.000 is ook zomaar een getal. Ik neem aan dat daar ook regels voor zijn..?

    Bijdrager
    nipro

    Als je nergens anders een z-index gebruikt, is 5 ook al genoeg;)

    edit: firefox 1.5 op winxp werkt prima trouwens..

    Bijdrager
    Es

    Ok. Ik dacht, ik neem maar een zo hoog mogelijk getal. In Safari doet ie het nu prima maar in Firefox en Netscape (beide op Mac) klappen ze wel uit maar zodra er op wil klikken klappen ze weer in…

    Terwijl het originele menu wel werkt in die beide browsers.

    Ik word soms helemaal gek van browsers…:x

    Bijdrager
    nipro

    ..soms;)

    [code:1:45ed5824ec]/* common styling */
    .menu {
    font-family: "Trebuchet MS", Verdana;
    width:110px;
    height:150px;
    position:relative;
    margin:0;
    font-size:1.1em;
    margin: 0;
    top: 0px;
    float: left;
    [b] z-index: 5;[/b]
    }
    .menu ul li a, .menu ul li a:visited {
    display:block;
    text-decoration:none;
    color:#000;
    width:108px;
    height:20px;
    text-align:center;
    border:1px solid #fff;
    border-width:1px 1px 0 0;
    background:#fff;
    line-height:19px;
    font-size:1.1em;
    margin: 0px;
    padding: 0px;
    [b] z-index: 10;[/b]
    }[/code:1:45ed5824ec]

    eens proberen? :sealed:

    Bijdrager
    Es

    Ik heb het aangepast en nu gaat het in Safari goed maar nog steeds kan ik in Firefox en Netscape de subs niet aanklikken….

    Bijdrager
    rulus

    hier lukt het wel hoor:)
    Firefox 1.0.7 op Fedora Core 4

8 berichten aan het bekijken - 1 tot 8 (van in totaal 8)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.