<div> table displacment

[capt_cabo]

http://www.dynamicdrive.com/dynamicindex1/hover.htm

The CSS Horizontal hover menu default settings result in a <div> table displacement error bellow the navigation bar. The text and table bellow the CSS Horizontal hover menu are pushed downward.

http://www.pacificsolarenergy.com for visual explanation

I am a student eager to learn and share knowledge

[jscheuer1]

It's not, it's just the browser's default margin on the bottom of the ul making the hovermenu's cell taller, do this:


.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
margin-bottom:0;
}

Note: if you give the containing table a border="1" attribute and do a before and after of the above style change, you can see exactly what I am saying.

[capt_cabo]

Thank You so much for your help !

Is there a recommended online tutorial on CSS ? I am particularly interested in getting away from tables and converting over to <div> tags

I would like to learn and become an asset to the DD Forums

[blm126]

w3schools (http://w3schools.com) has basic tutorials on most things. However, I would recomend you pick up a good book.