Forum Moderators: not2easy

Message Too Old, No Replies

This should be simple

         

Schuster

10:01 am on May 6, 2006 (gmt 0)



I'm trying to go tabless. How do I replicate this table with pure CSS

<table style="border:thin dashed Black;" width="500" cellspacing="0" cellpadding="0" border="0">
<tr >
<td>Date</td>
<td align="right">
<img src="images/comments.png" width="16" height="16" alt="" border="0">
<img src="images/comments.png" width="16" height="16" alt="" border="0">
<img src="images/comments.png" width="16" height="16" alt="" border="0">
</td>
</tr>
</table>

I can't figure it...
Thanks

londrum

10:46 am on May 6, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



i think there's loads of ways to do it, but you could just do something like this:

<div style="width:100%">Date

<div style="position:relative;float:right">
<img src="blah" width="16" height="16" alt="">
<img src="blah" width="16" height="16" alt="">
<img src="blah" width="16" height="16" alt="">
<div>

</div>

and then make sure that your images are set to display:inline.
because if they are set to display:block like they normally are, then they will break onto a new line
and remove all the margins and stuff from the images and words as well, so they sit level with each other.