2 replies [Last post]
ryanlbowen
Offline
newbie
Last seen: 5 years 23 weeks ago
Joined: 2009-03-11
Posts: 8
Points: 0

hey everybody,

i am trying to fix my navigation so that the when you hover over one of the menus, a line appears above it that matches with the navigation border.

if i have just a home page, this works fine. however, when i add a new page, it's off by 1-2 pixels.

i know this sounds confusing, but take a look at the site and you should see what i mean

http://ryanlbowen.com/

how can i make it match up?

also, i know this isn't CSS exactly, but my favicon will not show up. i'm using wordpress 2.7 and Byethost, and i've got the favicon link referenced in the header section, but i get nothing...any ideas?

thanks!

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 14 weeks 3 days ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2636
Points: 1554

Im not sure I understand

Im not sure I understand what you want.

-
Are you saying you want the hover blue to line up vertically with the white line? In other words, you dont want the white gap above hover blue?? If this is what you want, make the following update:

#navbar a:hover {
	color:#3399FF;
	border-top: 5px solid #3474E6;
        <span style="font-weight:bold">padding-top: 2px;</span>  <----------------------
 
	}

ryanlbowen
Offline
newbie
Last seen: 5 years 23 weeks ago
Joined: 2009-03-11
Posts: 8
Points: 0

thanks!

yep, that's almost exactly what i needed!

i ended up changing it to this so that the two bars are equal

#navbar a:hover {
	color:#3399FF;
	border-top: 2px solid #3474E6;
        padding-top: 3px;
	}

thanks soo much!!!!