First, thank you for responding to my first question to the list so
quickly. It helped to find the right page in the spec and read it.
I'm running into something that keeps sending me back to tables. It's
a "toolbar" layout or similar header. I'm remembering this from the
last time I worked with CSS.
Imagine you have to layout something like
Heading (more)
Where Heading is a heading like h3 with large text and (more) is a
link in a regular text size.
The heading and the link should be aligned along the same base.
With a table it would be...
<table id="header"><tr>
<td><h3>Heading</h3></td>
<td class="right"><a href="#">(more)</a</td>
</tr></table>
CSS
#table
{
width: 100%;
}
#table td
{
vertical-align: bottom;
}
#table td.right
{
text-align: right;
}
Bottom align with positioned CSS appears to require a great many
hacks to get to work correctly. I'm finding that with the box model,
I can get the link text to the right, but that it gets very difficult
to get it to align vertically, especially to align with text in
another div.
http://phrogz.net/css/vertical-align/index.html
I know that the contributors to this list frown upon tables for
anything but tabular data, so I'm eager to hear where to look to find
a simple solution to this problem, because I'm spending a lot of time
on it and getting unpleasant results.
Without thinking too hard about it, I'd have to say that in this
instance drawbacks of tables, incorrect semantics and superfluous
markup, are outweighed by how I'm able to markup and and style with a
table without having to sweat or worry about browser quirks. Maybe
there are quirks that I'm missing?
--
Alan Gutierrez | [EMAIL PROTECTED] | http://blogometer.com/ | 504
717 1428
Think New Orleans | http://thinknola.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
