Sent by Austin, Darrel on 26 April 2004 23:11
> Before tackling it, I googled it, and came up with this:
> http://www.paranoidfish.org/boxes/2003/09/24/
>
> It's LIs set to display: inline with IMGs inside each one set to
> display: inline.
>
> The catch is that I can't seem to get this to work if I have any
> block-level item within this LI, which I need to format the image
> with the caption.
>
> Dang...so close. ;o)
Well, I got a bit closer, but, alas, I think this is a loosing battle.
For the record, this is what I ended up with:
<ul style="
display:block;
list-style:none;
margin:0;
padding: 0;
border: 1px solid #666666;
background:#eeeeee;
text-align: left;"
>
<li style="
display: inline;
margin: 10px;
padding: 10px;
border: 1px solid blue;">
<table style="
display: inline;
border: 1px solid green;"><tr><td>
Whatever you want in here
</td></tr></table>
</li>
repeate LIs...
</ul>
This sort-of works. For some reason, it will wrap in rows if you use a table
in the LI. Using a DIV or SPAN doesn't seem to work. The problem with this
is that the setting the table to inline seems to allow all the content to
float outside of it, so it's not a true bounding box. This makes it hard to
implement padding/margins with any accuracy.
Anyways, I might play with this a bit tomorrow...hopefully the above is of
some use to someone.
-Darrel
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
