By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,708 Members | 2,055 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,708 IT Pros & Developers. It's quick & easy.

fixed table in Dreamweaver

P: 7
I want to add pictures and text into a table but not have the table resize when viewed on IE.
Aug 17 '07 #1
Share this Question
Share on Google+
8 Replies


epots9
Expert 100+
P: 1,351
try setting the width and the height of the table
Aug 17 '07 #2

P: 7
woo
try setting the width and the height of the table
Did this, set the width to 200 and height to 200, working in pixels. Inserted an image 200 x 150, entered the text underneath the image - looked fine in Dreamweaver but when viewed in IE, the text inconsistently displayed below and next to the images.
Thanks for the help.
Aug 21 '07 #3

eragon
100+
P: 431
after image, did you use break tag (<br /> or <br> xhtml recommended.)? random thought. and, does the max-width thing work for tables? you know, the css rule? also, theres a caption tag for images, might be worth a shot. you say the taxt randomly appears beside or below the image in question? try various things. thats how i learned, try, fail, try, fail, fail, fail, try, suceed.


if it was helpful,
Eragon
Aug 22 '07 #4

eragon
100+
P: 431
PS. got a source code to work with, or was the matter resolved and i missed something?
Aug 22 '07 #5

P: 7
woo
PS. got a source code to work with, or was the matter resolved and i missed something?
code attached
<table width="61%" border="0">
<tr>
<td width="32%"><p><a href="sue.htm"><img src="sue.jpg" width="200" height="150" border="0" align="middle"></a><font color="#FFFFFF">Sue
Teasdale</font></p>
</td>
<td width="32%"><a href="maggie.htm"><img src="maggie.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Maggie
Marks</font></td>
<td width="36%"><p><a href="Jenny.htm"><img src="jenny.jpg" width="200" height="150" border="0" align="left"></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><font color="#FFFFFF">Jenny Donald</font></p>
</td>
</tr>
<tr>
<td height="173"><p><a href="Jan.htm"><img src="jan.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Jan
Smith</font></p>
</td>
<td><a href="Sheena.htm"><img src="sheena.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Sheena
Lewis</font></td>
<td><a href="Mick.htm"><img src="mick.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Mick
Mahr</font></td>
</tr>
<tr>
<td height="189"><a href="katie.htm"><img src="katie%20&%20friends.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Katie
Sargent</font></td>
<td>&nbsp;</td>
<td><a href="Pat%20Taylor.htm"><img src="Pat%20Taylor.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Pat
Taylor</font></td>
</tr>
</table>
Aug 27 '07 #6

P: 7
woo
Did this, set the width to 200 and height to 200, working in pixels. Inserted an image 200 x 150, entered the text underneath the image - looked fine in Dreamweaver but when viewed in IE, the text inconsistently displayed below and next to the images.
Thanks for the help.
code attached
<table width="61%" border="0">
<tr>
<td width="32%"><p><a href="sue.htm"><img src="sue.jpg" width="200" height="150" border="0" align="middle"></a><font color="#FFFFFF">Sue
Teasdale</font></p>
</td>
<td width="32%"><a href="maggie.htm"><img src="maggie.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Maggie
Marks</font></td>
<td width="36%"><p><a href="Jenny.htm"><img src="jenny.jpg" width="200" height="150" border="0" align="left"></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><font color="#FFFFFF">Jenny Donald</font></p>
</td>
</tr>
<tr>
<td height="173"><p><a href="Jan.htm"><img src="jan.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Jan
Smith</font></p>
</td>
<td><a href="Sheena.htm"><img src="sheena.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Sheena
Lewis</font></td>
<td><a href="Mick.htm"><img src="mick.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Mick
Mahr</font></td>
</tr>
<tr>
<td height="189"><a href="katie.htm"><img src="katie%20&%20friends.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Katie
Sargent</font></td>
<td>&nbsp;</td>
<td><a href="Pat%20Taylor.htm"><img src="Pat%20Taylor.jpg" width="200" height="150" border="0"></a><font color="#FFFFFF">Pat
Taylor</font></td>
</tr>
</table>
Aug 31 '07 #7

eragon
100+
P: 431
ok, first off, you are using percent values for the width, so select you entire table in DW and on the properties tool bar convert widths to pixels, the icon looks like |--px--| or something, make all those widths into pixels. try a few of those and call me in the morning.
Aug 31 '07 #8

eragon
100+
P: 431
and on the note of TSDN, Welcome to the greatest network online, or so i like to think. Here we use [code] tags around our HTML, or simply select the HTML code and click the < > icon in your toolbox. Thankyou
Aug 31 '07 #9

Post your reply

Sign in to post your reply or Sign up for a free account.