Aaargh!

@SuzanneBAug 12.2004

I am fed up with starting my questions with “I have a table”, but, I have a table that I want to replace. Oddly, the part I thought would be real simple, has turned out not to be. Currently each table has one row and two columns, the cell has text in it, the second cell has one or two pictures. The problem is that I could do with a css solution that does not require me to enter the EXACT width of the damn picture and text. I have hundreds of these tables to replace and it will take me forever if I have to calculate the width of the text and the width of the picture. Anyone any ideas?

to post a comment

CSS

@DaveSWAug 12.2004 — #does it have to be a full column? could you just use css

#content img {

float: right;

clear: right;

}

assuming you have content as the id on something around the content.

are all the images the same size?

is there a set number of different dimensions?

or are they random?

Maybe showing us what you've got would be more productive than us speculating...

@ray326Aug 12.2004 — #

<i>
 </i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd"&gt;
 
 &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Untitled&lt;/title&gt;
 
 &lt;style type="text/css"&gt;
 .txtdiv {width:30%;float:left;border:1px solid black;}
 .imgdiv {margin-left: 31%; border:1px dotted black;}
 .imgdiv img { display:block; }
 &lt;/style&gt;
 
 &lt;body&gt;
 &lt;div class="txtdiv"&gt;
 &lt;p&gt;the div with the text&lt;/p&gt;
 &lt;/div&gt;
 &lt;div class="imgdiv"&gt;
 &lt;img src="http://www.webdeveloper.com/forum/images/webdev-logo2.gif" alt=""&gt;
 &lt;img src="http://www.webdeveloper.com/forum/images/recent-articles.gif" alt=""&gt;
 &lt;/div&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

@SuzanneBauthorAug 13.2004 — #Thanks! I will try this and get back....later....

@SuzanneBauthorAug 13.2004 — #It's kinda difficult to show you because it's an entire site and the parts in question are difficult to describe.

There are three hundred tables, divided into a left and right cell. Each left cell has text. Each right cell has pictures. Picture size and quantity varies. I need something that is very simple to implement - becuase I have to do it hundreds of times.

@Stephen_PhilbinAug 13.2004 — #Can we have a link to the site? I think I might be able to help you save a lot of time if I can see what you have and what you want.

Aaargh!

5 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Aaargh!

5 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #CSS _↴