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>



Nice one Garin :D A*

[B][U]ALERT! ALERT! ALERT![/U][/B]

Aww and I thought it was going well too. My ticker which is exactly like Hmmm's with the only change being that I put it inside a ticket box (to add some padding was planning to do more changes later)...

#ticker {
float: left;
background: #FFFFFF;
width: 760px;
padding: 5px;
text-align:left;
font-family: verdana;
color:#888888;
font-size: 110%;
}

Works perfect in FF but for some reason IE is blocking the ticker because of a security problem :( however viewing Hmm's ticket I don't get a similiar warning.

Have I done something wrong? :(

If you're testing locally then IE will flag javascript as a security risk. Upload it and see if the problem persists.

oh dear I am a n00b sometimes. Thanks Garin.

I'll just finish the ticker then I'll go start on that tabbed javascript layer thingy. See if I could get something like that for my site.

Okay I'm having problems with the links, my...

a { text-decoration: none; }
p a { text-decoration: underline; }
a:link { color: #888888; }
a:visited { color: #888888; }
a:hover { color: #888888; }
a:focus { color: #888888; }
a:active { color: #888888; }

in my main css is overriding the colours in the ticker css. Not sure what I should do there. Also I'm trying to get the "LATEST" bit to be a different colour and in bold than the rest of the ticker.

var theLeadString = "LATEST: ";

I suppose I could add around it :/

Machie wrote:
> in my main css is overriding the colours in the ticker css. Not
> sure what I should do there. Also I'm trying to get the
> "LATEST" bit to be a different colour and in bold than
> the rest of the ticker.

Are you defining these.. http://www.hmmm.ip3.co.uk/ticker/ticker.css as Hmmm... has done?

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.

okay I'm quickly creating a temp page.

Use classes?

If I understand?

ARRRRRGHHHHHHHHHHHH!!

ARRRRRRRRRRRRRRRHHHHHHHHHHHHHH!!