Grow your CSS skills. Land your dream job.

help for a side menu with flyout

  • # September 8, 2009 at 5:38 pm

    I am REALLY struggling here, I am just trying to sort out my basic page layout and I have got everything pretty ok apart from when I will have a side bar that will be my sublist and its sort of working here

    http://www.doltonanddex.co.uk/our_work.html

    but not really as you can see. All I want is a REALLY SIMPLE menu with one level of flyouts, with a transparent giff for the background and the rollovers(yes I know it wont display the same in all browsers) and finally a #cccccc one pixel border round everything.

    Its driving me crazy! I’m new to this and looking at a billion articles and forum post it seems that everyone has a different way of doing it. Some are using javascript or jquery or suckerfish, which I have no clue about (just starting to get to grips with CSS never mind a whole new language!!!)

    I have tried the ones from css play and they are ok but when I try and change the border colour/size of menu, padding or background image everything goes tits up! The first menu sits a pixel too low and then the sublist goes all over the place in firefox…thats not to mention what happens in IE!!!!

    I have tried to adapt a menu I got from a site I cant now find and got in a real mess. please help

    # September 10, 2009 at 9:36 pm

    To get one level flyouts you should have something like:

    To avoid things going out of alignment, avoid chnaging the border size. Also leave the paddings to their current values and use the margins instead to adjust the alignment

    Y

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".