1 reply [Last post]
sjdekoning
Offline
newbie
Last seen: 16 years 10 weeks ago
Joined: 2004-11-17
Posts: 1
Points: 0

Hello,

The problem i am meeting is the following. I am trying to make a hover in a navigation bar. That navigation bar is placed in a div with a height:30px, but the hover is going outside.

http://dev.it-ernity.nl/bas2/index1.php

the source you van find in /style/screen.css

I really don;t know how to fix this problem as IE does show it correctly but opera and firefox don't

Also the footer is going weird in opera.

Who can help me

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

Style problem Hover Navigation menu

Hi sjdekoning,
This is a padding problem; try removing the padding em values on the
#mainnav ul li a

and adding

padding-top:6px;

to the anchor and hover

This may not be a complete solution as you may have to play around with some of the other values to get it sitting right it's a question of balancing all the values.

Hope that helps,

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