...

View Full Version : ul attributes



stlboi
12-28-2006, 07:03 PM
Hello, I'm trying to line up these listed items in the red div and spaced them out longer horizontally. Could someone help me out?

You can view my page at

http://thebuffalonetwork.com/project-cdpc/cdpc-test.html


~Tim

ess
12-28-2006, 08:01 PM
Hello there,

I have had a look at the website, and did some modifications to the CSS. Please save a backup copy of your css before replacing it with the following.

Note: I only modified #navigation, #navigation ul, #navigation li, #navigation a, and #navigation li a. Please replaced them with the following.


#navigation {
width: 400px;
height: 300px;
background: red;
padding: 0px;
float: left
}


#navigation ul {
list-style-type: none;
font-family: "ariel";
}

#navigation li {
display:inline;
margin: 0px;
padding: 0px;
background-color: none;
background-image: none;
}

#navigation a:link, #navigation a:visited, #navigation a:active{
color: white;
text-decoration: none;
padding: 2px 5px;
}


#navigation a:hover {
color: #FFFFFF;
background-color: #F1D975;
}

Note: I have tested the CSS with FF and IE7. Please test them with other browsers.

Good Luck.
Ess

Excavator
12-28-2006, 08:13 PM
Hey Tim,
Do you mean like this:

#navigation {
width: 200px;
height: 300px;
background: red;
padding: 0px;
float: left
}

Or like this:


* {
margin: 0;
padding: 0;
}
#navigation ul {
list-style-type: none;
font-family: "ariel";
font-size: 1.2em;
}
#navigation li {
float: left;
width: 6em;
margin: 0 0 10px 5px;
text-align: left;
background-color: none;
}

stlboi
12-28-2006, 09:14 PM
Thanks guys!

stlboi
12-28-2006, 11:00 PM
Okay guys, that lined it up just right, but now I need to space them horizontally. Meaning, the space between each word horizontally, I need to increase. Any tips?

stlboi
12-28-2006, 11:04 PM
I got it guys, I messed around with the padding, thankyou!

Excavator
12-28-2006, 11:18 PM
#navigation li {
float: left;
width: 6em;
margin: 0 0 10px 5px;
text-align: left;
background-color: none;
}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum