vertical alignment + css

S.Boardman

unread,

Oct 28, 2001, 12:32:01 PM10/28/01

to

I'm having problems with alignment. I'm slowly redoing the rollercoaster
site, using style sheets for the first time. I want text vertically aligned
in table columns. If I use valign like so:

<td valign="middle" width="25%" height="25" align="left">hello</td>

it is how I want it to look. When I use a stylesheet like this:

.buttons { font-family: Arial, Helvetica, sans-serif; font-style: normal;
font-weight: bold; background-color: #FFFFFF; text-align: left;
vertical-align: middle}

it doesn't work and it stays at the top of the cell. Any advice please?

Susan (having great fun chopping out MS stuff!)

S.Boardman

unread,

Oct 28, 2001, 12:39:07 PM10/28/01

to

S.Boardman <su...@boardman86.freeserve.co.uk> wrote in message
news:9rhffc$isl$1...@news8.svr.pol.co.uk...

> I'm having problems with alignment. I'm slowly redoing the rollercoaster
> site, using style sheets for the first time. I want text vertically
aligned
> in table columns. If I use valign like so:
>
> <td valign="middle" width="25%" height="25" align="left"> color="#FFFFFF"> sans-serif">hello</td>
>
> it is how I want it to look. When I use a stylesheet like this:
>
> .buttons { font-family: Arial, Helvetica, sans-serif; font-style: normal;
> font-weight: bold; background-color: #FFFFFF; text-align: left;
> vertical-align: middle}

Sorry, typing error, the first one should be:

<td valign="middle" width="25%" height="25" align="left"

bgcolor="#FFFFFF">hello</td>

Calum McLean

unread,

Oct 28, 2001, 1:31:37 PM10/28/01

to

<snip>

>
> Sorry, typing error, the first one should be:
>
> <td valign="middle" width="25%" height="25" align="left"
> bgcolor="#FFFFFF"> sans-serif">hello</td>
>
>

Susan,

I'll probably get this wrong, but I've just double checked one of my
websites, which I use an external CSS's on, I've shown one of my styles,
below, when I use this the text is automatically vertically aligned in the
centre.

[span.style1 {font: 10pt verdana, tahoma, arial; color: 000000;
text-decoration: none}]

My understanding is that the default VALIGN is middle, as far as I'm aware
using CSS's shouldn't effect this, you don't by any chance use a style for
'td {........}' do you where the alignment may be getting picked up?

Sorry, not much help really was I?

--
Calum

:::|:::mark:::|:::

unread,

Oct 28, 2001, 3:16:32 PM10/28/01

to

"S.Boardman" <su...@boardman86.freeserve.co.uk> wrote in message
news:9rhffc$isl$1...@news8.svr.pol.co.uk...

As Calum said, the td contents will be vertically aligned to the middle
anyways by default. But even so your "vertical-align: middle" should work,
are you sure your applying the right class to the right table cell?

?

mark

--
-------------------------------------
http://www.hoice.net waiting | for | something

S.Boardman

unread,

Oct 28, 2001, 4:34:09 PM10/28/01

to

:::|:::mark:::|::: <mark@(no_spam)hoice.co.uk> wrote in message
news:9rhop8$rp2$1...@newsg1.svr.pol.co.uk...

It's definitely the right cell. I know it's ' .buttons ', that' just because
it's in the navigation bar. The FP2000 site that exists live at the moment
(http://www.boardman86.freeserve.co.uk - NOT the local DW3 copy I'm messing
with) has very little graphics and is relatively fast, and I want to keep
it that way, so I'm playing about with text links.

Susan

S.Boardman

unread,

Oct 28, 2001, 5:08:43 PM10/28/01

to

S.Boardman <su...@boardman86.freeserve.co.uk> wrote in message
news:9rhffc$isl$1...@news8.svr.pol.co.uk...

I can put the entire page on the wood site tomorrow if that would help
anyone?

Susan

Calum McLean

unread,

Oct 28, 2001, 5:14:12 PM10/28/01

to

<snip>

> I can put the entire page on the wood site tomorrow if that would help
> anyone?
>
> Susan
>
>

It might do, I always think it's better to look at the website we're
discussing.

--
Calum

S.Boardman

unread,

Oct 29, 2001, 8:17:58 AM10/29/01

to

I've added it to another site. Note that this is *very* rough, very early
stages, only the home page. No links work or anything. There is no external
stylesheet yet - I'm just playing about with the look of it. A lot of it -
ICRA, meta info, the Counter code and so on - remains from the live site.
I've altered the cells to show you clearly the alignment.

http://www.alexandercward.co.uk/rct/rct.htm

See if you can find the problem now?

Susan

S.Boardman

unread,

Oct 29, 2001, 9:25:15 AM10/29/01

to

>
> See if you can find the problem now?
>
> Susan
>
>

Ok I see what I've done. What an idiot. Sorry. All done.
--
Susan

:::|:::mark:::|:::

unread,

Oct 29, 2001, 9:38:50 AM10/29/01

to

"S.Boardman" <su...@boardman86.freeserve.co.uk> wrote in message

news:9rjkuu$7uv$1...@news5.svr.pol.co.uk...

> I've added it to another site. Note that this is *very* rough, very early
> stages, only the home page. No links work or anything. There is no
external
> stylesheet yet - I'm just playing about with the look of it. A lot of

t -
> ICRA, meta info, the Counter code and so on - remains from the live site.
> I've altered the cells to show you clearly the alignment.
>
> http://www.alexandercward.co.uk/rct/rct.htm
>
> See if you can find the problem now?
>
> Susan
>

The CSS class should be applied to the table cell, not font tags.

Mark

Calum McLean

unread,

Oct 29, 2001, 3:08:47 PM10/29/01

to

<snip>

Glad you got it sorted it out Susan.

--
Calum