Web Hosting Talk : Web Hosting Main Forums : Web Design and Content : <font> and <center> etc...

[trenzterra]

I experimented today with xHtml 1.1 strict, and noticed that <font> and <center> doesn't validate... what are the new codes for them?

[Rich2k]

use CSS

If you want to use <font> and <center> use XHTML 1.0 transitional

[trenzterra]

Yeah, but how do I incorporate it?

I thought <style> can only be used in headers

[switch]

In your case, you'll need to use other decriptive tags then assign properties to them via css.

For example -
<p class="text1">
<h1 class="text2">

For inline styles -
<p style="border:1px black solid;color:red>

[Website Rob]

Sounds like someone has some learning to do.

The 'font' & 'center' tags, along with a bunch of others, have be deprecated for a couple of years now. After HTML, CSS is the next language a person should learn as it can be used to apply styling; as opposed to the old fashioned way of doing it within HTML code.

Font is now determined by; font-family, font-size, font-weight, etc. and center is determined by using 'margin' and/or 'position' coding. Style can be applied inline to most any HTML tag.

The big trick is to learn about how 'Parent & Child' relationships work within CSS and the bug in IE 6 that will sometimes center everything.

Some helpful, if somewhat outdated sites are:

Transitioning from Proprietary DOMs and Markup to W3C Standards
http://sites.netscape.net/ekrock/upgrade/standards.html

Is Your Site Ready for Communicator 5?
http://hotwired.lycos.com/webmonkey/00/04/index1a.html

Specific to centering content with CSS.
http://allmyfaqs.com/cgi-bin/wiki.pl?Center_with_CSS

Blue Robot centered layout, be sure to look at the rest of the site
http://www.bluerobot.com/web/css/center1.html

Centering tables with CSS.
http://www.evolt.org/article/Does_IE...tent/17/15341/

The last one is a particular article about IE 6 quirks mode, and how the cell *contents* of a centered table got centered, and how people were suddenly facing the daunting tasks of adding align=left to all their table cells!

[chrisrhee]

Also, to align your text, you can include this line in your CSS:

text-align: center;

(or left, or right).

[sstamour]

If you specify a valid, strict doc-type in your headers, that should take IE 6 out of quirks mode. It can fix MOST of the problems IE has, though not all.

[Rich2k]

Originally posted by Website Rob
The last one is a particular article about IE 6 quirks mode, and how the cell *contents* of a centered table got centered, and how people were suddenly facing the daunting tasks of adding align=left to all their table cells!

Actually that isn't a quirk it's working properly.

I believe in XHTML / CSS2 alignments are inherited whereas in HTML 4 they weren't. Thus in a centred table the cells inherit the centred status.

[Dan L]

<span> is the preferred alternative to <font>. However, with <span> you need CSS, which was mentioned earlier.

[trenzterra]

so I can replace:

<td (everything else goes here)>
blahblah

<font size="4" face="arial">
testing
</font>

blah

<font size="6" face="arial">
etc...
</font>
</td>

with:

<td (everything else goes here)>
blahblah

<span style="font-size: 14pt; font-family: arial";>
testing
</font>

blah

<span style="font-size: 16pt; font-family: arial";>
etc...
</font>
</td>

[Website Rob]

Originally posted by Rich2k
Actually that isn't a quirk it's working properly.

I believe in XHTML / CSS2 alignments are inherited whereas in HTML 4 they weren't. Thus in a centred table the cells inherit the centred status.

Not quite true. This is long known bug and only in IE 6. A child setting should be able to over-ride the parent setting and this doesn't happen with 'centering' -- within IE 6 any version.


trenzterra, doesn't seem like you'v interpeted those articles correctly. Or were those typos?

Should be:

<span style="font-size: 14pt; font-family: arial";>
testing
</span>

blah

<span style="font-size: 16pt; font-family: arial";>
etc...
</span>

But setting up 'classes' for TD would be much easier.

<td class="setup1">blah blah</td>

<td class="setup2">blah blah</td>

The "classes" of course, would be stated in your CSS file. That's how one really sees the beauty of using CSS. Want to change what "setup1" means -- in a few hundred Web pages -- make the change in the CSS file and every Web page picks up and applies the change.

[Rich2k]

Originally posted by Website Rob
Not quite true. This is long known bug and only in IE 6. A child setting should be able to over-ride the parent setting and this doesn't happen with 'centering' -- within IE 6 any version.

I don't have any problems overriding parent settings with child settings in CSS?

[trenzterra]

span seems to have a problem in mozilla browsers, i see a huge spacing in between lines, anyone know whats wrong?

[Website Rob]

What's the code being used?

[platinum]

You don't need to use span evem if it's a wrapped in another element

td {
font-family: verdana;
font-weight: bold;
color: blue;
}

will set all of your cells to contain that style without the need for unneeded spans