[RESOLVED] HTML row heights

agulaid

just wanted to know if you guys had some scripts or other utilities which would help in setting row heights in html

im trying to edit a html page but cannot set the row height to below 20px

 
<table width="851" border="0" align="center" cellspacing="0">
<tr>

<td width="280" height="19" bgcolor="#6699FF">&nbsp;</td>
</tr>
</table>

How would i go about setting the row height?

benracer

Hi,
Are you using dreamweaver? if so it is know to mess tabels up! When the site goes live the values entered for height will work. Also a cell must contain a string to be valid, the usual is &nbsp which is a space. Change the font size to 1px and the row will be the correct dimensions.

<table width="100%" border="1" cellspacing="3" cellpadding="3">
  <tr>
    <td height="10px" style="font-size:1px">_</td>
  </tr>
</table>

Ben.

agulaid

benracer wrote:
Hi,
Are you using dreamweaver? if so it is know to mess tabels up! When the site goes live the values entered for height will work.
Ben.

Thanks Ben, im using dreamweaver and its a pain sometimes... I also have a local XAMPP platform that a use for testing purposes (to simulate a server), only thing is the tables aren't displaying correctly on there either.

I understand some people use JAVA and other languages to control the appearance of tables, and just wanted to know if they had any pointers or URL's on how to do this.

jeremyphphaven

This is a browser issue, not a dreamweaver issue... notice that in firefox, this probably works, but does not in IE.

Test out the differences below in a new test.html file or something and between firefox and ie...


<table width="400" border="0" cellspacing="0" cellpadding="0">
	<Tr>
    	<td style="height:10px;background-color:#00FFFF;"></td>
    </Tr>
</table>
<br />
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
	<Tr>
    	<td style="height:10px;background-color:#00FFFF;">&nbsp;</td>
    </Tr>
</table>
<br />
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
	<Tr>
    	<td style="height:10px;background-color:#00FFFF;">_</td>
    </Tr>
</table>

agulaid

jeremyphphaven wrote:
This is a browser issue, not a dreamweaver issue... notice that in firefox, this probably works, but does not in IE.

Test out the differences below in a new test.html file or something and between firefox and ie...
<table width="400" border="0" cellspacing="0" cellpadding="0">
	<Tr>
    	<td style="height:10px;background-color:#00FFFF;"></td>
    </Tr>
</table>
<br />
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
	<Tr>
    	<td style="height:10px;background-color:#00FFFF;">&nbsp;</td>
    </Tr>
</table>
<br />
<br />
<table width="400" border="0" cellspacing="0" cellpadding="0">
	<Tr>
    	<td style="height:10px;background-color:#00FFFF;">_</td>
    </Tr>
</table>

Thanks fixed the issue, just removed the width specification from the <TD>tag like this:

<table width="852" border="0" align="center" cellspacing="0">
  <tr>

<td height="10" bgcolor="#6699FF"></td>

</tr>

</table>

jeremyphphaven

werd...

where possible, things like this, try using css and margins / padding. Probably will help you more than you know.

cheers

benracer

You also removed the white space therefore the cell is empty, i think it may be this and not the width issue. " "

agulaid

benracer wrote:
You also removed the white space therefore the cell is empty, i think it may be this and not the width issue. " "

Your right Ben- but my dreamweaver doesnt like the width before height in the <TD> tag.

Thanks, again.

benracer

Strange... Lol =D