Html Links

uberwalla · **Posted:** Thu Mar 15, 2007 7:40 pm

Hey guys wats up i'm having a little trouble with links. i have some css code with the links so that they have a border on top and bottom and stuff. i have to links at the moment as i'm trying to figure this out.

on to explanation lol Confused

anyways the two links are right beside each other and i want them to be but they look like one word. i'm trying to find a way to separate them into two words. here is my code:

CSS:

Quote:

#Nav{
float: left;
width: 948px;
height: 18px;
border-top: 1px solid #FFA701;
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #FFA701;
}

#Nav a{
float: left;
padding: 0;
margin: 0;
height: 18px;
color: #fff;
text-transform:uppercase;
text-decoration: none;
font-weight: bold;
overflow: hidden;
}

HTML:

Quote:

<html>
<link href="code.css" type="text/css" rel="stylesheet">
<body bgcolor="#000">

<div id="Nav">
(a href="#" class="">Home
(a href="#" class="">TEST
</div>

</body>
</html>

ok in the html change the ( brackets to [ u changed because when i originally posted this it put it actually like a link.

thx in advance

PaulButler · **Posted:** Fri Mar 16, 2007 10:52 am

Well, first of all, you should close the <a> tag like this:

HTML:

Since there is a linebreak between the links in the HTML code, it should translate into a space in the page. I don't see anything in the CSS that would cause this.

uberwalla · **Posted:** Fri Mar 16, 2007 4:23 pm

o man i guess it cut off the closing of the links Confused

i had them in the real code Smile

anyways thx for your help, but i got it fixed. i needed a horizontal list. Who knew i'd actually have to use a list in my life Razz

	Computer Science Canada Programming C, C++, Java, PHP, Ruby, Turing, VB Username: Password: Register
Wiki Blog Search Turing Chat Room Members