Re: Vertical Centre

..oO(7073)

The following code looks ok when viewing it on my Mac but when I view it on a
Windows machine it looks terrible.

The 'T', 'F' & 'E' are bold and dark grey on the MAC but on Windows are not,
even though I am using a standard font.

Which browsers did you test? It looks OK here in all of my browsers.

But why the hell are there all these nested divs inside the table cells?
That's really ugly code. It can be easily reduced to pretty simple HTML,
something like:

<tr class="foo">
<td><b>T:</b> 999</td>
<td><b>F:</b> 999</td>
<td><b>E:</b> info@.co.uk</td>
</tr>

with this CSS:

body, td {font: 14px Verdana, Arial, Helvetica, sans-serif}
..foo td {
width: 250px;
height: 50px;
font-weight: bold;
text-align: center;
color: #999
}
..foo b {color: #333}

And even the class "foo" could be removed with using a 'tfoot' element.

Just an example ...

Micha

Actually, you could even do this -

body, td {font: 14px Verdana, Arial, Helvetica, sans-serif}
..foo td {
width: 250px;
height: 50px;
font-weight: bold;
text-align: center;
color: #999
}
..foo td:first-letter {color: #333}

and then this -

<tr class="foo">
<td>T: 999</td>
<td>F: 999</td>
<td>E: info@.co.uk</td>
</tr>



--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Michael Fesser" <netizen (AT) gmx (DOT) de> wrote

.oO(7073)

The following code looks ok when viewing it on my Mac but when I view it
on a
Windows machine it looks terrible.

The 'T', 'F' & 'E' are bold and dark grey on the MAC but on Windows are
not,
even though I am using a standard font.

Which browsers did you test? It looks OK here in all of my browsers.

But why the hell are there all these nested divs inside the table cells?
That's really ugly code. It can be easily reduced to pretty simple HTML,
something like:

tr class="foo"
td><b>T:</b> 999</td
td><b>F:</b> 999</td
td><b>E:</b> info@.co.uk</td
/tr

with this CSS:

body, td {font: 14px Verdana, Arial, Helvetica, sans-serif}
.foo td {
width: 250px;
height: 50px;
font-weight: bold;
text-align: center;
color: #999
}
.foo b {color: #333}

And even the class "foo" could be removed with using a 'tfoot' element.

Just an example ...

Micha

..oO(Murray *TMM*)

Actually, you could even do this -

body, td {font: 14px Verdana, Arial, Helvetica, sans-serif}
.foo td {
width: 250px;
height: 50px;
font-weight: bold;
text-align: center;
color: #999
}
.foo td:first-letter {color: #333}

Yep, but then the colon would still appear with #999 instead of #333.

Micha

Michael

Where exactly do I place the code you have suggested? this is all new to me...

Thanks