|
|
Posted by Gιrard Talbot on 02/26/07 06:46
mcsting@rogers.com wrote :
> Hi folks,
>
> I'm an amateur webpage designer. I've recently set up a page and am
> trying to see if there's a solution to something I've noticed when I
> view my page. In Internet Explorer and icab, it shows the way I would
> like, but in Safari and Firefox, I see a problem.
>
> My webpage is: http://www.worldwideaccessiblewashrooms.com
>
> At the top, I have the webpage title in a table.
Why do you want to use a table for that page title? Your title
"Worldwide Wheelchair Accessible Washrooms" has nothing, absolutely
nothing to do with tabular data.
<h1 style="text-align: center; border: 3px solid black;">Worldwide
Wheelchair Accessible Washrooms</h1>
will meet your design request in all CSS-capable browsers.
In Safari and
> Firefox, there is more space on the bottom of the text inside the
> table than on the top.
That's most likely because text sits on the baseline and browsers must
provide sufficient space for descenders (g, y, p, q, j) and underlining.
I used a straightforward table html:
>
> <center>
Using Web Standards in your Web Pages
# 2.2.3.2 I use <center> or align="center". How to align with CSS?
http://developer.mozilla.org/en/docs/Using_Web_Standards_in_your_Web_Pages
> <table bgcolor="#f2e891" border="0" style="border: 3px solid black;">
> <tr>
> <td><h2>Worldwide Wheelchair Accessible Washrooms</h2></td>
> </tr>
> </table>
> </center>
>
All of the above can be replaced with
<h1 style="text-align: center; border: 3px solid black;">Worldwide
Wheelchair Accessible Washrooms</h1>
Your webpage certainly needs some cleaning up with a validator too. As
mentioned by others, <body> must follow <head>..</head>: you have a case
of improper nesting. Proper webpage code structure:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>... document title ...</title>
</head>
<body>
....
</body>
</html>
You could use some 2 columns CSS template instead of using tables.
Visit the webpage in my signature for help.
GΓ©rard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs/Using_Web_Standards_in_your_Web_Pages
[Back to original message]
|