Cheryl and Scott, you are exactly right: use <span> instead of <div>.
Scott, I would replace <span class="poemTitle">The Raven</span> with <h2>The Raven</h2>. It's cleaner. Will Professional Graphics Artist Certified Web Designer (BCIP) Stewart and Company -- www.stewartandcompany.net [EMAIL PROTECTED] -- W: 304.550.2687 Rt. 1 Box 364 Buffalo, WV 25033 -----Original Message----- From: Scott Glasgow [mailto:[EMAIL PROTECTED] Sent: Monday, September 20, 2004 12:49 PM To: [EMAIL PROTECTED] Subject: [wdvltalk] RE: font meets font in css > For special text changes, wrap the poem text in a <div> (or with > whatever naturally wraps it in the code) and declare your changes there. Hmm, I wouldn't handle it quite that way. Wrapping, yes, but not in a block element like a <div>, but rather an inline element like a <span>. And rather than specifying font styles in the <body> tag (unless you're using ems throughout), use either an embedded stylesheet in the <head> or an external stylesheet. Often, while developing the initial styles for a page, I use an embedded stylesheet, then move its contents to an external sheet and link it, so I can use those styles elsewhere. So, you might have [Note: Please, no religious arguments about sizing (ems, pixels, keywords, etc.). I'm knocking this up in OE just as an example.] <html> <head> ... other stuff <style type="text/css"> <!-- .poemTitle { font-family:verdana, arial, sans-serif; font-size:medium; /*or use ems, or pixels, your choice*/ text-decoration:underline; color:black; margin-top:10px; margin-bottom;5px; } .poemBody { font-family:"Times New Roman", Times, serif; font-size:small; /*or use ems, or pixels, your choice*/ color:navy; } --> </style> </head> <body> <span class="poemTitle"> The Raven</span> <span class="poemBody"> Once upon a midnight <em>dreary</em>,<br /> While I pondered,<br /> Weak and <strong>weary</strong>.<br /> etc........ </span> <span class="poemTitle"> The Cask of Amantillado</span> etc. etc...... </body> </html> The embedded margin styles will give you a ten pixel space between each title and the end of the poem body above, with a five pixel space between the underlined larger, black title, and the smaller, dark blue poem body itself, without you having to add any explicit spacing whatsoever. Again, you can use ems if you wish, but always keep in mind that their percentages are relative to the parent of the styled element, so they can be occasionally, umm, interesting to work with. Use inline structural tags such as <strong> and <em> for emphasis on particular words, or create another style which might be, for example, red, italic, underline, depending on your needs, and wrap your emphasized text in a <span> with that classname. HTH. Cheers, Scott Original Message ----- From: "William Stewart" <[EMAIL PROTECTED]> To: <[EMAIL PROTECTED]> Sent: Monday, September 20, 2004 11:58 AM Subject: [wdvltalk] RE: font meets font in css > The font tag is deprecated. Ixnay the ontfay agtay. > > Rather, declare the font specifications in the <body> tag. > > For special text changes, wrap the poem text in a <div> (or with > whatever naturally wraps it in the code) and declare your changes there. > > Clear as mud? Thought so. > > Will > > Professional Graphics Artist > Certified Web Designer (BCIP) > > Stewart and Company > -- > www.stewartandcompany.net > [EMAIL PROTECTED] > -- > W: 304.550.2687 > > Rt. 1 Box 364 > Buffalo, WV > 25033 > > > -----Original Message----- > From: Joseph Harris [mailto:[EMAIL PROTECTED] > Sent: Monday, September 20, 2004 10:20 AM > To: [EMAIL PROTECTED] > Subject: [wdvltalk] font meets font in css > > I am starting to get my redesign going with the sharp learning curves I > have > stacked before me. > > I have a central box area with straight text in <font> top and bottom, > poem > title <h1> and poem <font> with a different class. > > Top and bottom text and heading work in unity, but the texts do not give > room for the poem (h1 and poem also work in unity); with multiple > </br> I > can achieve the gap, but there must be a more elegant answer. Or am I > better of f with tables (I know, learn to do it vias css)? > > Joseph Harris > > > ____ . The WDVL Discussion List from WDVL.COM . ____ > To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] > Send Your Posts To: [EMAIL PROTECTED] > To set a personal password send an email to [EMAIL PROTECTED] with > the words: "set WDVLTALK pw=yourpassword" in the body of the email. > 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%% > > To unsubscribe via postal mail, please contact us at: > Jupitermedia Corp. > Attn: Discussion List Management > 475 Park Avenue South > New York, NY 10016 > > Please include the email address which you have been contacted with. > > > > ____ . The WDVL Discussion List from WDVL.COM . ____ > To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] > Send Your Posts To: [EMAIL PROTECTED] > To set a personal password send an email to [EMAIL PROTECTED] with the words: "set WDVLTALK pw=yourpassword" in the body of the email. > 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%% > > To unsubscribe via postal mail, please contact us at: > Jupitermedia Corp. > Attn: Discussion List Management > 475 Park Avenue South > New York, NY 10016 > > Please include the email address which you have been contacted with. > ____ . The WDVL Discussion List from WDVL.COM . ____ To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To set a personal password send an email to [EMAIL PROTECTED] with the words: "set WDVLTALK pw=yourpassword" in the body of the email. 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%% To unsubscribe via postal mail, please contact us at: Jupitermedia Corp. Attn: Discussion List Management 475 Park Avenue South New York, NY 10016 Please include the email address which you have been contacted with. ____ � The WDVL Discussion List from WDVL.COM � ____ To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To set a personal password send an email to [EMAIL PROTECTED] with the words: "set WDVLTALK pw=yourpassword" in the body of the email. 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 PROTECTED] To unsubscribe via postal mail, please contact us at: Jupitermedia Corp. Attn: Discussion List Management 475 Park Avenue South New York, NY 10016 Please include the email address which you have been contacted with.
