The point is tags like <font><dir><center> band even <b> represent markup to the text and should be done in the css. As should markup like p, font-family, font-size, color, background-image, ul, li, text-decoration, and text-variant, to name a few.
The body should contain only structural elements and rules (the markup) applied to the structure. That is things like <p>, <div>, <img>, <a href>, lists and headers with appropriate classes, ids, or spans applied. While any tag can be styled, not all styles should apply to all tags. For example, headers should not have their size changed, they are considered structural. <p> with a size should be used instead of tinkering with header size. wdvl actually has a great set of courses for learning css. They often run one free. They've just finished the basic intro course. Our moderator may have some more details. Price is reasonable. And I found that once I'd worked through the css2 course that I could begin to make increasing sense out of the w3c standards. The w3c school can also be helpful. A List Apart is always good as is evolt once you want to tackle issues like list control and when tables are appropriate. And the whole issue of why bother You'll have to start doing it by hand. DW3,4,MX whatever, isn't going to write <p class="regular"> for you. So, slap these into a browser and see what it looks like (sorry for the length): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <title>Untitled</title> <style type="text/css"> #leftcontent {float:left; margin: 1px 1% 20px 1%; padding:10px 2% 10px 5px; font-family:verdana, arial; width:20%; border:2px solid black;} #rightcontent{float:right; padding:10px 2% 10px 2%; margin:10px 2% 10px 1%; width:65%; border:2px solid red; } img{float:left;} p{border:2px solid green;text-align:top;} .next{clear:both;} </style> </head> <body> <div id="leftcontent">content<br /> content<br /> <br /> <br /> <br /> content<br /> </div> <div id="rightcontent"> <p><img src="images/sign.jpg" alt="1st image" />Your text here.</p> <p><img src="images/sign.jpg" alt="2nd image" />bunch of text<br /> multiple lines</p> <p><img src="images/sign.jpg" alt="3rd image" /> More excellent text<br /> and more<br /> and yet more</p> </div> </body> </html> Or this more complicated version: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html> <head> <title>template</title> <!-- #include header --> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <style type="text/css"> /* includes */ #footer{width:100%; height:50px; border:1px solid yellow; text-align:center;} #header{width:100%; height:60px;} .next{clear:both;} /* 2 column setup */ #leftnav{width:28%; float:left; border:1px solid red;} #main{width:68%; float:right; border:1px solid orange;} /* 3 columns. can be included in main */ .left{border:1px red solid; color:red; float:left; width:32%;} .central{border: blue solid 1px; color:blue; float:left; width:32%;} .right{border: green solid 1px; color:green; float:left; width:32%;} /*basic text markup */ .emph{font-weight:bold;} .ital{text-decoration:italic;} .und{text-decoration:underline;} /* paragraph format */ body{font-size:100%;} .cent{text-align:center;} .label{text-align:right;} .large{font-size:1.5em;} .mid{font-size:1.2em;} .tiny{font-size:0.8em;} .typical{font-family: verdana arial helvitica sans-serif;} .typic2{font-family: lucinda "times new roman" serif;} </style> </head> <body> <div id="header"><img src="images/hearder.gif" width="100%" height="100px" alt=" banner" title=" Banner" /></div> <div class="next"></div> <!-- Setup main body of page in 2 boxes: nav and main --> <div> <!-- nav--> <div id="leftnav"> <img src="images/left.gif" width="86px" height="40px" alt="coolpic" /><br /> here<br /> we<br /> have <br /> the <br /> great<br /> buttons<br /> </div> <!--Main Body --> <div id="main"> <div class="left">this<br />is<br />the<br />left</div> <div class="central">this is<br />the<br /> middle</div> <div class="right">and<br />this<br />is<br />the<br />right</div> <div class="left">and<br />this<br />is<br />the<br />left</div> <div class="central">this is<br />the<br /> middle</div> <div class="right">this<br />is<br />the<br />right</div> </div> </div> <div class="next"></div> <!-- Footer --> <div id="footer"> <p class="cent">say good night, gracie.</p> </div> </body> </html> Yes, they validate. drew -----Original Message----- From: sherry young [mailto:[EMAIL PROTECTED]] Sent: Wednesday, January 22, 2003 11:18 AM To: [EMAIL PROTECTED] Subject: [wdvltalk] RE: Site critique - Chamber of Commerce Mark, Thank you, Mark. Very helpful. Phew. The only one (I think) I've used is the font tag and I know I can replace that by using CSS and H1, H2, etc. tags. I'm working on drumming up my nerve to redoing the site with CSS. In that vein, I do have a question: Can I do that conversion a page at a time? In other words, could I write a style sheet (using the three--I think--css commands "legal" for NN4.7X) for one page without having to risk screwing up the entire site? Thanks. Sherry Mark Groen wrote: > > Do you think there's a list on the w3c site of deprecated tags? Seems > > as if there should be... Do you suppose I would find it under the term > > "deprecated tags"? > > Here's the list: > > <APPLET><OBJECT><CENTER><CENTER><DIR><MENU><FONT><U> > <STRIKE><S> > ____ * The WDVL Discussion List from WDVL.COM * ____ To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To change subscription settings to the wdvltalk digest version: http://wdvl.internet.com/WDVL/Forum/#sub ________________ http://www.wdvl.com _______________________ You are currently subscribed to wdvltalk as: [EMAIL PROTECTED] To unsubscribe send a blank email to %%email.unsub%% ____ • The WDVL Discussion List from WDVL.COM • ____ To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To change subscription settings to the wdvltalk digest version: http://wdvl.internet.com/WDVL/Forum/#sub ________________ http://www.wdvl.com _______________________ You are currently subscribed to wdvltalk as: archive@jab.org To unsubscribe send a blank email to [EMAIL PROTECTED]
