How To Move Top Navigational Links?

[webman]

Hi,

 

I'm testing my new header image on a test blog and have thus far successfully moved around my other element just the way I want them. However, I cant get the top navigational links to where I want them(just below the image). Instead there up in the top-right.

 

help...

 

#nav li{float:left; list-style-type:none; margin:28px -4px 0px 0px; padding:0px}

#nav ul li:hover, 

#nav ul li.hover, 

#nav ul li.current_page_item{top left no-repeat; color:#ff4e2c}

#nav ul li:hover a, 

#nav ul li.hover a, 

#nav ul li.current_page_item a{text-decoration:none; color:#fff; top right no-repeat}

#nav ul li.current_page_item a:hover{text-decoration:none}

#nav ul li a{font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; display:block; padding:4px 20px 4px 20px; margin:0px 0px 0px 15px; text-transform:uppercase; color:#560e00; top right no-repeat}

#nav ul li a:hover{text-decoration:none; color:#fff}

 

amatuerblog.blogspot.com

Edited March 26, 2009 by webman

[falkencreative]

looks like you should be able to do this by adding

 

#LinkList4 ##nav-footer { padding-top:260px; }

[webman]

looks like you should be able to do this by adding

 

#LinkList4 ##nav-footer { padding-top:260px; }

 

For some reason, it doesn't work.

 

Does it matter where I place it within the tag?

 

I have a feeling it's some type of code superseding these attributes(I could be wrong).

[falkencreative]

Oops, my code has an extra character. Sorry, I missed that. It should be:

 

#LinkList4 #nav-footer { padding-top:260px; }

 

Place it at the bottom of the CSS block in your template.

[webman]

Oops, my code has an extra character. Sorry, I missed that. It should be:

 

#LinkList4 #nav-footer { padding-top:260px; }

 

Place it at the bottom of the CSS block in your template.

 

Nevermind, I've got it.

 

Just had to modify this attribute from

 

#LinkList4{

position:absolute;

right:300px;

}

 

to this

 

#LinkList4{

position:absolute;

right:300px;

left:0px;

top:244px;

float:left;

}

note-Not to sure if the float element was needed.

 

and all along I was looking' at the wrong code lol.