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>



Think I'll be off to bed now, but not to worry I'll be back tomorrow with even more CSS problems no doubt ;)

Thanks again Garin.

Oh maybe I can start a "PHP help" thread too. It's been 4 months since I tried searching for a way to create a poll for my site. If only we had PHP programmers on here too.

Wow two birds with one stone :) impressive Garin, even in the middle of the night you can work miracles.

It's working perfectly now :^D or as can be, considering the CSS cellotape keeping it from messing up the stuff above it. ;)

Yes you should have...

DOM_a.onclick = this.navClick;
DOM_a.onmouseover = this.navClick;

oh and a few lines above that..
the line starting DOM_a.href replace it with this
DOM_a.href = "#"+ t.headingText;
and theres your javascript:void(null); problem gone too.

If you still cant get it work, just upload the tabber.js file again and I'll look.

Just to make sure I took it out and it's working in IE again. That's strange I wonder why it would work for you and not me :S I don't think I've touched anything apart from change the colour of the thing, that's all. It should be the same and certainly didn't touch the js page, only to try the earlier command you gave me. hmm :S

Garin wrote:
> It works I'm just an idiot, the line should be
>
> DOM_a.onmouseover=this.NavClick;
>
> Tested on a local copy of your page and works.

Now I feel like the idiot, I'm suppose to put it under the "onclick" one. It doesn't work in FF and in IE it now gives me an error and removed the whole thing :S yikes!

oh one last thing, I don't like the javascript:void(null)murder:death:kill; bit in the status bar when you put the mouse over one of the layer tabs. I don't want it to worry/confuse my users and if I noticed it I'm sure they would, so yeah any ideas how I can remove/overwrite it?

It works I'm just an idiot, the line should be

DOM_a.onmouseover=this.NavClick;

Tested on a local copy of your page and works.

No joy I'm afraid :( ah well, thanks anyway Garin, really appreciate the help.

First guess (ie I've not tested it)....

Open tabber.js and find DOM_a.onclick = this.navClick;
below it put DOM_a.MouseOver=this.NavClick;

Oh and the 5 other people viewing this thread who probably have no CSS knowledge, go to bed :P it's almost midnight

;^)