4 replies [Last post]
designz
Offline
newbie
Last seen: 13 years 44 weeks ago
Joined: 2006-06-25
Posts: 6
Points: 0

I have this homepage on [a]www.lkhojskole.dk/nyside[/a] which consist of 3 pages: index.shtml, style.css and menu.inc, where the dropdownmenu is fetched. But I have 3 problems on the page.

1: I have made the dropdownboxes wider than the toplinks. This works fine in forefox an d opera, but it pushes the toplinks to the rigth in Internet Explorer. Can I stop it from pushing?

2: I have a nice white box that should cover the whole text automatically. But it doesn´t. It wont follow the text and pictures in the main content box. I guess I have to do something to make it follow the content, but what ( I need exact explanation, because there are so many divs inside of each other)

3: When a person clicks on a link in a dropdown, I would like the submenupoints to be shown in the left field on the subpages. = If I click on the first submenupoint in fx information, all of the submenupoints of the information drop down should be shown in the left field. (try to press "tilmelding" under information to see). Is it possible to get this menu from the right place in the menu.inc page where I get the dropdownmenu from and put it in the left "frame".

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 26 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

3 css problems

You need to clear your floats and add position relative to your footer.

But the main problem with doing that is that you will loose the elements positioned absolute, as is always said don't use position absolute for laying out main elements, float them instead.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

designz
Offline
newbie
Last seen: 13 years 44 weeks ago
Joined: 2006-06-25
Posts: 6
Points: 0

great thanks

Thank you, that helped with question 2. Its the difficulty with CSS, that I made the error myself, but couldn´t see it.

Does anybody know how to fix number 1 and 3?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 26 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

3 css problems

The problem with number 1 is not going to please you but I'm looking at a non semantic slightly odd menu arrangement.This sort of menu is generally constructed first by creating a valid html structure for the information and to this effect a list element is usually chosen. A ul list serves the function of holding and structuring links like this and allows for the sub links to be held in a nested ul thus keeping the links ordered and together. The ul dropdown is then positioned absolute underneath the top level li elements.

This is a very easy technique and the best examples of it are described in the 'Son of Suckerfish' menus and also on this forum there is a similar variation on this theme allowing the menu to either vertical or horizontal.

I would suggest that you implement one of these they're not difficult.

The last question is not so clear and I'm confused by the fact that you point to an example of what you require actually on your page but sounds more like a scripting problem rather than CSS. If that menu inc is using PHP then you probably need to work out the solution to this one using php.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

designz
Offline
newbie
Last seen: 13 years 44 weeks ago
Joined: 2006-06-25
Posts: 6
Points: 0

ok

OK- thank you. I guess I have to look at everything again.