Nigel B

Cheers Wickham, There is certainly a lot of stuff there for me to investigate. It really does seem that you find something not quite what you need but then extract the main functioning bits from it.

You can either create a fixed width layout (as you are doing) or a liquid layout (one that expands and contracts to browser size, as the previous post) or use a combination of fixed and liquid. The latter is more often the approach when using liquid layout. With the fixed width you will get space around the content but this is not a problem. It really depends on how your design looks. I cannot comment on using Fireworks for creating web page. I use Dreamweaver but also do a lot of HTML coding by hand. Your enquiry throws up a lot of fundamental questions which suggest that maybe you could consider doing training or a course on web design.

I am trying to create a full width mega menu. That is, where the drop down (child element) is the full width of the parent menu. I am having a little difficulty finding a suitable example that is close to what I want. The type of effect I am going for is some thing like this: http://nigelbuckner.com/menu_test/ The technique I have used here is not suitable because the drop div (child element) that appears has the <a> tag from the main menu wrapped around it. This is only suitable for a pop-up box. The code for this looks like: <nav> <ul id="mega"> <li><a href="#" id="train_web_1">Web Design <div id="train_web_2">Web Design content here</div></a> </li> <li><a href="#" id="train_graphics_1">Graphics <div id="train_graphics_2">Graphic Design content and other stuff here</div></a> </li> </ul> </nav> Here, in accordance with the CSS, it is the <a> that maintains the visibility of the child element <div>, but when I try to put another <ul> in the <div> it is no longer visible. I have investigated various solutions that are out there but what I have found is that the child element position is linked to the parent element like this example: http://nettuts.s3.am...demo/index.html This is because in the CSS the child element (which has absolute position) has a left position of something like '-990em'. This is for enhanced accessibility but effectively makes it difficult to align each child element to '0' on the left. If you have got this far "well done". Does anyone have any suggestions or solutions for this? Cheers

So quick!

Just a hello to the forum. My experience is graphics and web design, working freelance, combined with teaching in those subject areas (mostly adults). My entry to web design is from the front end/design/presentation angle. Have been doing this for 12 years + now. I hope to glean some expertise from the forum as well as giving some knowledge back in return. Mutual benefit to all. Cheers