I am laying out a template, in CS4 DW, I have created a number of Div tags, I have the Header in and the content areas, I am now
trying to layout the navigation with Div Tags, these vary from 90-145 px (widths) x 20 px (height). I am having trouble laying the
Divs for the navigation in a horizontal line? even with playing with the display properties? It should be in line? or inherited? do I need
any other properties to lay these out?
I don't understand why I cannot get them to line up horizontally? Please anyone?
A <div> is a block element so it want's it's own space/line. You could try giving it a width and floating each <div>.
Why not have a go at using a <ul> and each menu item in <li>?
CSS Horizontal Menu with inline lists
Or get List-O-Rama 2, a free CSS menu extension for DW.