CSS Issue - text in list menu causing unwanted space.

I'd appreciate if someone could take a look at this site
http://www.geometrikstudio.com/index.php

All the CSS checks out in the validator but it fails the visual test.

The text in the two list menus are making the content drop down a bit at
the top of the header and just underneath the header.

I sometimes miss the simplicity of tables.

aRT wrote:

I'd appreciate if someone could take a look at this site
http://www.geometrikstudio.com/index.php

All the CSS checks out in the validator but it fails the visual test.

The text in the two list menus are making the content drop down a bit at
the top of the header and just underneath the header.

I sometimes miss the simplicity of tables.

Try zeroing out the margin and padding on the heading tag css as shown
below:


h1,h2,h3,h4,h5{
color: #000;
font-family: EurostileT, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

This might be a case of overlapping margins, add padding to the top to your main content 10px;

THANKS,

I'll try it.

Osgood wrote:

aRT wrote:

I'd appreciate if someone could take a look at this site
http://www.geometrikstudio.com/index.php

All the CSS checks out in the validator but it fails the visual test.

The text in the two list menus are making the content drop down a bit
at the top of the header and just underneath the header.

I sometimes miss the simplicity of tables.


Try zeroing out the margin and padding on the heading tag css as shown
below:


h1,h2,h3,h4,h5{
color: #000;
font-family: EurostileT, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}