On 6/20/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote: > This is a page for the client's board members/commissioners. There is a > single line above each photo and bio that contains: > > LastName, FirstName MiddleInitial PHONE: 999-999-9999 EMAIL: > [EMAIL PROTECTED]
You really could still make the argument that the information you're marking up is tabular, just with multiple lines per entry, but since this is a CSS list I won't really belabor that point. I'm not clear on whether you're trying to make the three "columns" of data line up with each other, or if you're just trying to create some extra space between them for each entry. Either way, floating the pieces of information is likely what you'll end up doing to accomplish either. To get the first you could float the elements to the left and set their widths. To get the second you can leave the widths set to auto and add some margin or padding to the containers to push them apart. In both cases you'd want to use the element below the name/phone/email line to clear the floats and create the layout that I think you're going for. Whatever you end up doing I'd also point you to th hCard microformat which would be perfect to incorporate into this information: http://microformats.org/wiki/hcard - Porter ______________________________________________________________________ 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/
