[EMAIL PROTECTED] wrote: > Hi everyone, > > I was wondering if anyone has a link or information as how to best handle > text with CSS. By text I mean a line of text that may include 3 pieces of > information, like name, phone, and email address. > > In the past, I always used tables for this, but want to handle this with > the use of CSS if possible. > > I found a site that mentioned word-spacing, but that won't work because I > don't want a large amount of spacing between the first and last name. > > Any suggestions or links are greatly appreciated. > > Thanks! ;-) > > Suzanne > > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > You're actually perfectly justified in using a table for this if you're talking about listing people with their phone numbers and e-mails.
ie: bob smith (800) 555-1234 [EMAIL PROTECTED] jane doe (123) 555-4567 [EMAIL PROTECTED] john (135) 555-7902 [EMAIL PROTECTED] because then you're talking a matrix of values with the e-mail and phone being dependant upon the name (an index). However, if you're only displaying ONE person, then you'll want to use <span> tags to mark each section you want styled on the line. ie <span>Bob Smith</span><span>(800) 555-1234</span><span>[EMAIL PROTECTED]</span> However, you only need the spans if no other markup exists that you could utilize. Say, you wanted to use the e-mail in a mailto link, you could leave off the span for that section. ie: <span>Bob Smith</span><span>(800) 555-1234</span><a href="mailto:[EMAIL PROTECTED]">[EMAIL PROTECTED]</span> HTH! -- Thanks, Jim ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
