absolute positioned text still "takes space" in my cells in table.

[N3XuS]

i'm trying to make a table with pictures in and text positioned in the middle of the cell. But when I try this there is a white border in the bottem of every cell where the text used to be before I positioned it.
Here is the code:

<table border=&quot;5&quot; height=&quot;100&quot;>
<tr>
<td id=&quot;tdStyle5&quot; WIDTH=&quot;100&quot; HEIGHT=&quot;100&quot;>
<A HREF=&quot;./projecten/project5/project5.htm&quot; onMouseOver=changeIT(jsArrayNamen[5],5)><IMG SRC=&quot;./projecten/project5/affli1t.jpg&quot; BORDER=&quot;0&quot; HEIGHT =&quot;100&quot; WIDTH =&quot;100&quot; ID=&quot;pic5&quot; OLDSRC=&quot;./projecten/project5/affli1t.jpg&quot;></A><P ID=&quot;text5&quot; class=&quot;ProjectDes&quot;>A-villa</P></td>
<td id=&quot;tdStyle6&quot; WIDTH=&quot;100&quot; HEIGHT=&quot;100&quot;>
<A HREF=&quot;./projecten/project6/project6.htm&quot; onMouseOver=changeIT(jsArrayNamen[6],6)><IMG SRC=&quot;./projecten/project6/affli3t.jpg&quot; BORDER=&quot;0&quot; HEIGHT =&quot;100&quot; WIDTH =&quot;100&quot; ID=&quot;pic6&quot; OLDSRC=&quot;./projecten/project6/affli3t.jpg&quot;></A><P ID=&quot;text6&quot; class=&quot;ProjectDes&quot;>villa Linsen</P></td>
<td id=&quot;tdStyle7&quot; WIDTH=&quot;100&quot; HEIGHT=&quot;100&quot;>
<A HREF=&quot;./projecten/project7/project7.htm&quot; onMouseOver=changeIT(jsArrayNamen[7],7)><IMG SRC=&quot;./projecten/project7/avilla1t.jpg&quot; BORDER=&quot;0&quot; HEIGHT =&quot;100&quot; WIDTH =&quot;100&quot; ID=&quot;pic7&quot; OLDSRC=&quot;./projecten/project7/avilla1t.jpg&quot;></A><P ID=&quot;text7&quot; class=&quot;ProjectDes&quot;>home Office</P></td>
<td id=&quot;tdStyle8&quot; WIDTH=&quot;100&quot; HEIGHT=&quot;100&quot;>
<A HREF=&quot;./projecten/project8/project8.htm&quot; onMouseOver=changeIT(jsArrayNamen[8],8)><IMG SRC=&quot;./projecten/project8/avilla3t.jpg&quot; BORDER=&quot;0&quot; HEIGHT =&quot;100&quot; WIDTH =&quot;100&quot; ID=&quot;pic8&quot; OLDSRC=&quot;./projecten/project8/avilla3t.jpg&quot;></A><P ID=&quot;text8&quot; class=&quot;ProjectDes&quot;>terrazo</P></td>
</tr>

</table>
I try making the cells 100 high but it just keeps making them bigger :'(
Is there anyone with suggestions on what to do please ?

 

[vbkris]

hi,
it will be better if u can give the link for the page. it will make life easier for me...

Known is handfull, Unknown is worldfull

 

[cian]

if you change from using P to using DIV would it make any difference?
What's your css for the positioned text?




- É -

http://www.ssi-developer.net/

 

[Stoemp]

Maybe you can set the cellspacing and cellpadding of the table to 0:

<table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;5&quot;>

</table>

I don't think that the height of the table is to be defined. If you want your rows to be 100 high, you'll have to do it in the TD tag.

Maybe you can check out:

http://www.w3schools.com/tags/tag_table.asp

http://www.w3schools.com/tags/tag_td.asp

Greetings,
Steven

 

[N3XuS]

vbkris -

http://www.max8.be/final/finaltest/

don't try using anything else than IE6.0 lol
didn't test yet... 5.0 is ok except for the navibar not waiting to load, so it loads before the session variable is made. result -> might have to reload in 5.0.
It's just a test for technology atm.. don't look at graphics not being what it has to be
Gonna try it in NS, just for kicks now

Stoemp - if you say a cell is 100x100 and you put in more than you can in 100X100 it makes the cell bigger, that was the problem. I solved it not using absolute positioning btw.

 

[N3XuS]

Just tried in NS and as expected the Javascripts dun work...
I refuse to be a victim of software companys having a war in what they do and do not support, so i'm just gonna refer NS users to IE DL site.