Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Drop down menus and flared edges

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #35106
    plaedien
    Participant

    Hi all,

    Ive been working on this menu for a little while now, and Ive made some progress that more or less works with my original vision:

    http://www.users.on.net/~plaedien/Screen%20shot%202011-08-30%20at%202.19.43%20PM.png

    I have a couple of questions though, as I cant figure out a way to implement some elements.
    Here is the test site

    http://www.users.on.net/~plaedien/PD_test/index.htm

    1. So far Ive managed to do it all with background images and css, no JS in site (i would like to keep it that way if possible). I cant seem to get the top of the sub menu to marry up properly with the bottom of the tabs. Ive tried changing the sub-menu-top.png so it is thicker where it would join the tab, but this breaks if the tab is wider. Any suggestions on how to make this dynamic?

    2. It seems to work fine in all browsers – except IE6 (big surprise). My knowledge of IE6 hacks is limited. Any suggestions? JS would be fine for this little problem if that works.

    3. Finally – you will see on the mockup that the rollover on the submenus has a background colour that goes all the way to the edge of the submenu block. Ive tried to make this work, but the padding seems to break it. Any ideas how I could do this?

    This has definitely been the most frustrating part of the site so far! but it seems almost there :) Just need help from some experts!

    cheers,
    KArl

    #90455
    planetbob
    Member

    ok how to get a branched menu in css, like we get while opening some of the pdf files??

    #90463
    planetbob
    Member

    was successfully able to create dropdowns like in my website skoda citigo but want to get a branched drop down, please help..

    #90486
    plaedien
    Participant

    thanks Eric, but unfortunately this does not work with my requirements (although I concede it is a more elegant solution). The problem being that i have a patterned background that needs to show through,and using the border radius requires that small block of colour on the corners to work.

    planetbob – no offence, but surely a new post is required?

    Thanks guys for the suggestions though!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.