How do you make links Horizontal

HTML & CSS
1

Hello All:

At this site http://mediakit.eetimesgroup.com/wordpress/ in wordpress… obviously, I am trying to make the links in the top red tab, the one hanging down, Horizontal.

This is what I have in my css

#header #top_links {
background-image:url(images/EETimes_red_tab_top.gif);
font-family:Ariel,Helvetica,sans-serif;
height:30px;
left:0;
position:absolute;
right:750px;
top:0;
width:317px;

#header #top_links a {
color:#ffffff;
width:300px;
height:30px;
font-weight:bold;
}
#header #top_links a {
color:#ffffff;
width:300px;
height:30px;
font-weight:bold;
}

#header #top_links a {
color:#ffffff;
width:300px;
height:30px;
font-weight:bold;
float:left;
position:absolute;

}

Can someone point me into what I might be doing wrong with this.

Thanks,

Paul

2

Hi, you wrap the anchors around an <li> so just float that :slight_smile:

#top_links li{float:left;display:inline;}

Add horizontal margins to space as you wish :slight_smile:

3

Man Ryan… don’t you work for a liiving. LOL…

thanks a bunch man… again…

4

I work at Dairy Queen part time…still unable to find a CSS related job though :(.

Glad it worked :slight_smile:

5

Man… I know the market is rough right now. Sorry to hear that.

Thanks for the help though,

Paul

6

It’s not that the market is rough here, per say, it’s just htat people think I’m an idiot because I’m young. I have gotten insulted to my face as I turned in my portfolio about my age. And considering I could probably outcode any of their developers (sorry if that seems like I’m bragging) it just makes me a bit edgy :(.

You’re welcome.

Off Topic:

Should probably take this PM if you wish to continue