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>



As I thought. HTML seemed more solid 10 years ago, this CSS it's like building a car from parts of other cars and hoping it'll all work together when you start it up.

No wait that was a bad analogy but you know what I'm trying to say. :)

Don't suppose you know how I can do the mouse over to change "page" like the korean one, do you?

I tried that too... It works but I wasnt too keen on suggesting it as its not really fixing the problem, more along the lines of hiding it. But hey, its look ok so... :)

oh it worked :S

is it an okay way to solve the problem? All I did was put it in this.

#layer {
float: left;
background: #FFFFFF;
width: 770px;
text-align:left;
}

The javascript layer or the ticker?

:( you sure there's nothing I can do? hmm what if I put the javascript layer divs in a box like the ticker. Perhaps that'll solve my problems, back in two ticks.

All I can say for certain is something is very broken. ;)

Problem 1: How to stop the javascript layers from overlapping the other div above it (in IE its under the div above)
Check for Errors: Is the ticker coding okay?

Please click here to view the problem(s) listed above. Thnx :^)

;)

Ah that's good then, just trying to shove it into one of my page. It works, just it wants to overlap several things above it where I want it. hmm maybe if I add a float:left; into one of these divs.

Something tells me I cant solve all my CSS problems by adding float:left; hehe

Its possible it wont work on some browsers, it'll ultimately depend on the code you use though. Theres work arounds for alot of the browser differences, just a matter of whether what you use takes care of this (or uses methods that work cross-browser).

What you linked to looks pretty nice though. I'd imagine it works in most modern browsers.

Surely you can look at all the coding and picture it how it should be in your imagination cant you? ;D heh sorry Garin.

I'm working on the javascript layer thing now, so please tell me if you know of any problems with javascript layers and browser support. I don't want to set it all up to find out AOL browser doesnt like it. You're my "Go to Guy" so should I be cautious?

After some searching I came across this guys example here which is what I'm after, just going to do some testing.

Machie wrote:
> Who knew building a website could be so frustrating.

I can assure its not as frustrating as trying to help people who dont want to post the things they want help with. :P