Viewing Thread:
"CSS help"

Okay I'm having a CSS problem with my site, I have a bar with links in "block", at the moment the blocks are aligned on the left. How do I go about centering them in the middle?

Thanks in advanced :)


#block {
float:left;
clear:both;
background-color: #DEDECE;
width: 768px;
height:26px;
border-left: #A5A5A5 solid 1px;
border-right: #A5A5A5 solid 1px;
border-bottom: #A5A5A5 solid 1px;
}

#block a {
text-align: center;
width: 90px;
text-decoration: none;
line-height: 26px;
display: block;
float: left;
}

#block a:hover {
text-decoration: underline;
}

#block span {
float: left;
line-height: 25px;
}

____________________

<div id="block">
<a href="test.html" class="pagelink">Page1</a><span>|</span>
<a href="test.html" class="pagelink">Page2</a><span>|</span>
<a href="test.html" class="pagelink">Page3</a><span>|</span>
<a href="test.html" class="pagelink">Page4</a>
</div>



Thanks again for the Ticker Hmmm :D it's great! Just what I wanted and looks great now that it's all sort ^_-

12 gold stars?? :(

okay nevermind, I'll just stick it in the ticker box again.

Who knew building a website could be so frustrating.

aww but I'm saving it for the big unveiling :'(

Sheesh, just upload what you've done and show it to us.

I sorted the problems I mentioned before. New problem. I got rid of the ticker box as I didn't really need it because I can do the changes with these right?

Anyway when I got rid of the ticker box, it broke the page and went next to the thing above it. So I added float: left; to 3 of the things below. Should I have done that? It stopped it from breaking the page so I moved on. I want to a space between the things above and below it. Can I & Where do I place the padding/margin bit.

After that the ticker is sorted and the world it as peace once more.

10 gold stars to the man (or lady) who helps this poor fool, thats how much I want this finish and working/looking good.

/*------------ TICKER ------------*/
a.tickl{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:12px;
text-decoration:none;
color:#003000;
font-weight:bold;
float: left;
}
a.tickl:hover{
color:#ff0000;
text-decoration:none;
}
.ticki{
width:629px;
height:13px;
overflow:hidden;
color:#003000;
float: left;
}
.ticko{
width:629px;
float: left;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:4px 0 4px 0;
margin:4px 0 2px 0;
display:block;
}
.tickls{
color:#666666;
}
.tickh{
display:none;
}

ARRRRRRRRRRRRRRRHHHHHHHHHHHHHH!!

ARRRRRGHHHHHHHHHHHH!!

Use classes?

If I understand?

okay I'm quickly creating a temp page.

yes I just copied his CSS page and have my thing direct to it. the content.css file and the ticker.css file are telling all the link colours to be different so there's a clash. Just need to work how How I can use both without disturbing the other.

For instance, my links are light black, but I want the ticker to be blue. I could tell the ticker boxer to make the text blue but then it'll stay blue when you have the mouse over it.

oh dear that sounds even more confusing lol.