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>



Hmmm... wrote:
> "Off topic"
>
> Hi Dr. Jo,
> Is there a reason why you have your co.uk domain hosted with
> someone else and use Frames to direct the visitors to your
> Freeola content?
>
> This isn't helping your Google presence!
>
> Unless there is a valid reason I would suggest transferring the
> domain to Freeola (it's free!) and removing the Frames. The
> search engines will like it.
>
> It's easy and quick to do... Just say if you want a few pointers
> ;¬)

Hi Hmmm,
I haven't organised the company's website stuff, hubby did, I just did the php programming for it. I'll mention to him about moving the domain.

We've had so many different set-ups recently it's got a bit complicated.

Machie wrote:
> Everythings great except for a 1px line between the image and
> the CSS content. so making it incomplete.

Could be many things. Lets see the code. ;)

Just incase I've confused you and you don't understand what I want.

click here

The "Buyers" etc. menus, oh just noticed they're doing what I want, a gif "Buyers" image on top and a CSS boxed content underneath.

Ah excellent :) thanks Garin, I'll check into it

Unfortunately I already I have another problem :( I have a boxed content, you see them on every site, the ones that sometimes have curvy corners for the headings. Anyway, CSS doesn't do curvy so I wanted to make an image of the top part, and then have a CSS box underneath with the left right and bottom borders completing the box.

Everythings great except for a 1px line between the image and the CSS content. so making it incomplete.

I could fix it in IE by adding
after the image but it didn't work in FF.

Any ideas?

Machie wrote:
> How do I go about doing something like this with CCS?
>
> Right column, tabs, mouse over,
> changes listings

Depends which bits you really want. The tabs you can with the css (we talked about it before). The mouse overs are done with layers and javascript. Google for javascript layers you can find many examples of what you want to do, should be able to hack something to get the effect easily enough.

> And if that isn't possible I'd like something like BBC news most
> emailed/read article.

Its actually the same as the first one, the presentation is just a little different thats all.

> Oh and just curious, how are BBC doing their text ticker?

Its Javascript. Google for javascript news ticker. :)

Okay time to be a little more adventerous.

How do I go about doing something like this with CCS?

Right column, tabs, mouse over, changes listings

And if that isn't possible I'd like something like BBC news most emailed/read article.

Cheers guys and gal :)

Oh and just curious, how are BBC doing their text ticker?

Since 1995 I've always been told not to use frames.

What about splash pages? are they a good idea?

"Off topic"

Hi Dr. Jo,
Is there a reason why you have your co.uk domain hosted with someone else and use Frames to direct the visitors to your Freeola content?

This isn't helping your Google presence!

Unless there is a valid reason I would suggest transferring the domain to Freeola (it's free!) and removing the Frames. The search engines will like it.

It's easy and quick to do... Just say if you want a few pointers ;¬)

Garin wrote:
> a {
> border-bottom: 1px dotted blue;
>...
> }
>
That's what I was going to say :-)

Machie wrote:
> How would I go about creating a link that has a dotted and not
> solid underline.

a {
border-bottom: 1px dotted blue;
text-decoration: none;
color: red;
}

> Also why does IE hate dotted CSS? Either solid or dashed it
> seem, even on pro sites they haven't figured it out. Except
> flickr.com I think I remember seeing dotted borders on there in
> IE.

IE just renders dotted as dashed so the work arounds are limited. The best you can do is use an repeating image, have a look at this