|
Posted by Steve Pugh on 02/14/06 14:42
Scotty wrote:
> "Steve Pugh" <steve.grumpy@gmail.com> wrote in message
> news:1139834861.562609.54890@g14g2000cwa.googlegroups.com...
> >
> > Scotty wrote:
> >>
> >> www.scottscorneroftheweb.com/test-layout
> >>
> >> The issue is in the div "right"
> >> As you can see I have nearly got it. It looks perfect in FF but in IE
> >> the text that gets wrapped onto a second line doesn't align directly
> >> below the lien above it, it looks like it is a pixel or two to the left. Can
> >> anyone see a way in which I can get the black text to align under each
> >>other?
> >
> > Though in this case a two column table would actually be more logical
> > than a whole set of floated divs.
>
> Thanks for the link. As for tables, I was under the impression that tables
> were no longer considered good form in website design and that CSS
> formatting was now pretty much standard?
Tables are meant to be used to markup tabular data. You have a logical
relationship between the columns and rows of your event listing (you
could add headers reading "date" and "event" to each column and it
would make sense). Hence you have tabular data.
Tables are not meant to be used to create page layouts (i.e. your three
column layout should not be done with tables).
> I know I could do this in like two
> seconds with tables, should that be what I do?
Yes. Use the appropriate HTML and then apply CSS to give it the
appearance you want.
<div id="right">
<h2>Upcoming Events</h2> (Or whatever is appropriate in your page's
hierarchy of headings)
<table class="eventsListing"><caption>ASP World Tour</caption>
<tr><td class="date">28/3:</td><td class="event">Quicksilver Pro (Gold
Coast)</td></tr>
.....
</table>
</div>
Steve
Navigation:
[Reply to this message]
|