[HTML/CSS] mozilla disabled menu

[Verwijderd]

ik heb een site gebouwd m.b.v layers en css binnen het CMS TYPO3, en dit gaat tot zover allemaal goed in IE maar in mozilla is er iets raars aan de hand.

http://cadac.alternetinternet.com/Solutions.55.0.html

Als je die link bekijkt in MSIE ziet het er goed uit ( op de active state van de knop na, maar goed), bekijk je dit echter in Firefox, dan werkt het hele bovenste menu niet!?, het staat er wel, maar je kan er niet op klikken. (dus HOME SOLUTIONS NEWS).

Ik al een hoop geprobeerd m.b.t clear: both, want ik heb zo'n idee dat het daaraan ligt, maar ik krijg het niet voor elkaar.
Eerst was het zo dat het menu niet eens zichtbaar was omdat de plaatje eroverheen lagen, toen heb ik het language deel (UK | NL) ook hoogte gegeven en die duwt het nu naar beneden.

Zou het misschien hier ook mee te maken hebben?

[Verwijderd]

Oooh ik schaam me dood, heb alleen tags in de titel gezet, titel vergeten

thx, heb gesubmit..

[ Voor 14% gewijzigd door Verwijderd op 31-05-2005 13:51 ]

[BtM909]

Met deze knop kan je een titelchange suggestie doen

[djluc]

Geen span in een A tag zetten!

[Verwijderd]

ja ik weet dat dat verkeerd is maar dat doet het CMS nu eenmaal zo, maar denk je dat het daaraan ligt, of noemde je het zomaar even?

want als je op werktuigbouwkunde klikt komt er nog een menu op, met ook spans in de A en die werken gewoon in mozilla

[ Voor 32% gewijzigd door Verwijderd op 31-05-2005 14:10 ]

[djluc]

* djluc werkt ook heel veel met Typo3 en deze zin is echt onzin:

ja ik weet dat dat verkeerd is maar dat doet het CMS nu eenmaal zo

Direct linkje naar de css:
http://cadac.alternetinte...n/template/cadac/msie.css

Zou je dit er eens uit willen halen:

Cascading Stylesheet:

            /* menulink markup */
            #topmenu a:link {
            display: block;
            color: #000000;
            font-weight: bold;
            font-size: 12px;
            text-transform: uppercase;
            text-decoration: none;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
            height: 22px;
            float: left;
            }
            #topmenu a:visited {
            display: block;
            color: #000000;
            font-weight: bold;
            font-size: 12px;
            text-transform: uppercase;
            text-decoration: none;
            padding-left: 5px;
            padding-right: 5px;
            padding-top: 5px;
            height: 22px;
            float: left;
            }
            #topmenu a:hover {
            background-color: #AE045C;
            color: #FFFFFF;
            }

[André]

Als je een float:left in je #language zet gaat het prima

[Verwijderd]

Als ik dat eruit haal dan springt het menu tegen en onder elkaar zonder opmaak (doh die haal ik eruit), maar het menu werkt nog steeds niet.

En hoe bedoel je dat het onzin is?

code:

temp.menu2 = HMENU
temp.menu2.entryLevel = 2
temp.menu2.1 = TMENU
temp.menu2.1.wrap = |
temp.menu2.1 {
  NO.allWrap =   |*|   | |*|
  NO.ATagBeforeWrap = 1
ACT < .NO
ACT = 1
ACT.linkWrap = <span class="act22">|</span>
}

Zie je die span daar? dat is de wrap van de link en TYPO plaatst hem zelf in de A, niet erbuiten...
Of heb jij een oplossing hiervoor?

[Verwijderd]

André schreef op dinsdag 31 mei 2005 @ 14:24:
Als je een float:left in je #language zet gaat het prima

gekkk , het werkt nog ook
(ik zou toch zweren dat ik dat geprobeerd had, maar goed)


Weet je misschien ook waarom? hangt die language anders boven het menu ofzo?


Edit: alleen als ik dan in IE kijk is het hele menu weg, ff kijken of ik met een hack kan laten floaten in firefox en niet in IE.

Cascading Stylesheet:

html>body #language { /* hack hack */
float: left;
}

Dit deed het hem. Nu is het menu goed in IE en Firefox.

[ Voor 33% gewijzigd door Verwijderd op 31-05-2005 14:31 ]

[djluc]

Gebruik bijvoorbeeld dit eens. Dit maakt een lijst wat tevens iets semantischer is.

TypoScript:

#
#
#    Menu 1 cObject
#
#

# Construct the main menu as a nested unordered list.
# It has level1 and level2 entries.
# All formatting will be done via CSS.
lib.menu_1 = COA
lib.menu_1 {
    # the menu object itself, starting off the site root
  10 = HMENU
  10.entryLevel = 0

    # Level1 entries are simple text menu entries,
    # (formatted via CSS to run down the left side of the page)
  10.1 = TMENU
  10.1 {
      # Don't really like unneccessary scripting.
    noBlur = 1
      # Current item should be unlinked and formatted differently.
    CUR = 1
      # Active items above current item should be formatted differently.
    ACTIFSUB = 1
  }

    # Base formatting of menu entries as list items.
  10.1.NO {
    wrapItemAndSub = <li class="menu1-lev1-no">|</li>
    ATagParams =
  }

    # Current menu item is unlinked and marked
  10.1.CUR {
    wrapItemAndSub = <li class="menu1-lev1-cur">|</li>
    doNotLinkIt = 1
  }

    # Active items above current to be formatted differently
  10.1.ACTIFSUB {
    wrapItemAndSub = <li class="menu1-lev1-act">|</li>
  }

    # Wrap the level1 menu inside an unordered list
  10.1.wrap = <ul class="menu1-lev1">|</ul>


    # Level2 entries are simple text menu entries also,
    # (formatted very differently via CSS to run left to right
    # across the page under the header, so you only see the styling
    # classes here.)
  10.2 = TMENU
  10.2 {
    noBlur = 1
    CUR = 1
    ACTIFSUB = 1
  }

    # Same formatting of menu entries as list items.
  10.2.NO {
    wrap = <li class="menu1-lev2-no">|</li>
    ATagParams =
  }


    # Current menu item is unlinked and marked too
  10.2.CUR {
    wrapItemAndSub = <li class="menu1-lev2-cur">|</li>
    doNotLinkIt = 1
  }

    # Active items above current to be formatted differently as for level1
  10.2.ACTIFSUB {
    wrapItemAndSub = <li class="menu1-lev2-act">|</li>
  }

    # Wrap the level2 menu inside an unordered list
  10.2.wrap = <ul class="menu1-lev2">|</ul>
}

[Verwijderd]

zal het eens keer proberen thx.

tis iig heel veel code voor een menuutje

[ Voor 42% gewijzigd door Verwijderd op 31-05-2005 14:32 ]

[Verwijderd]

Er is trouwens nog een heel raar probleem, met dat menu

Als je erop klikt word hij active en zou hij er zo uit moeten zien als je er overheen hovert, maar om 1 of andere reden springt hij raar naar beneden en gaat niet zoals hover staan.

En als je daar nog overheen hovert word hij nog eens extra groot.

[André]

Dat komt omdat bij een active er een span in de a komt te staan die gestyled word, terwijl eigenlijk de a zelf gestyled zou moeten worden. Dan zou je die span ook kunnen ditchen.

[Verwijderd]

Hmm goeie, hier kan ik niet veel aan doen dan, want TYPO zet die span in de A.

[Verwijderd]

Het is gelukt, aanpassing in het menu gedaan dat de span om de a's heenvalt.