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?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...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.txtdiv {width:30%;float:left;border:1px solid black;}
.imgdiv {margin-left: 31%; border:1px dotted black;}
.imgdiv img { display:block; }
</style>
<body>
<div class="txtdiv">
<p>the div with the text</p>
</div>
<div class="imgdiv">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.webdeveloper.com/forum/images/webdev-logo2.gif" alt="">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.webdeveloper.com/forum/images/recent-articles.gif" alt="">
</div>
</body>
</html>Thanks! I will try this and get back....later....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.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.
#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...<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.txtdiv {width:30%;float:left;border:1px solid black;}
.imgdiv {margin-left: 31%; border:1px dotted black;}
.imgdiv img { display:block; }
</style>
<body>
<div class="txtdiv">
<p>the div with the text</p>
</div>
<div class="imgdiv">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.webdeveloper.com/forum/images/webdev-logo2.gif" alt="">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.webdeveloper.com/forum/images/recent-articles.gif" alt="">
</div>
</body>
</html>Thanks! I will try this and get back....later....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.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.