Page 1 of 1
right border
Posted: Wed Mar 15, 2006 5:21 am
by shiznatix
Ok I have a table with this code
Code: Select all
<div style="padding: 1px;">
<table border="0" width="100%" bgcolor="" class="ridamust">
<tr>
<td width="70%">
<div style="height: 100%; border-style: solid; border-color: #F0D5AB; border-right-width: 1px; border-top-width: 0; border-left-width: 0; border-bottom-width: 0;">
<span class="data">
Andrew 22:58 Mar 07 Tuesday, 2006
</span>
<br>
testing123
</div>
</td>
<td align="left" width="30%">
Happy Man
</td>
</tr>
</table>
</div>
What I want is to get that border to go the whole way from the top of the <td> to the bottom to make a nice small divider between the 2 <td> tags. What is happening is the border starts about 2 pixels from the top of the <tr> and ends like 10 pixels from the bottom. I have tried everything and I am all out of ideas.
Posted: Wed Mar 15, 2006 5:57 am
by JayBird
Looks alright to me in IE6 and FF 1.5.0.1
Unless i didn't undertsand yor problem!?
Posted: Wed Mar 15, 2006 7:42 am
by shiznatix
ok i cant send a screen shot because this computer is worth less than my shirt but i will try to draw a picture...remember I want the border bar thing to be the same height as the table row. Basically I want a 1 or 2 pixel divider between the 2 <td> tags that seperates them from eachother entirley. Like I do not want the <td>'s to 'touch' eachother at all.
here is what it looks like for me the || is the border that i am trying to make
Code: Select all
--------------------------------------------------------
| yada yada || yar anger |
| yada yada || yar anger |
| yada yada yar anger |
---------------------------------------------------------
notice how the || does not quite touch the top and how it is even farther from touching the bottom to make a complete divide. Thats my problem. Sorry if I am making this difficult but you know how it goes somtimes.
Posted: Wed Mar 15, 2006 7:45 am
by JayBird
This is what i see

Posted: Wed Mar 15, 2006 8:04 am
by shiznatix
hummmm after further testing I dont know. There is still the 2 gaps there. Put some backgroud color to that table and to those <td>'s and maybe it will do it for you too. if not then maybe the </div> is putting a extra line underneith it before the </td>??? I dont get it.
Posted: Wed Mar 15, 2006 8:30 am
by JayBird
when i set the table BG colour, i get a small 2px-ish gap at top and bottom.
To rectify the problem, i just changed the cellpadding and cellspacing to zero
Posted: Wed Mar 15, 2006 9:54 am
by pickle
Ya, setting the cellspacing to 0 should fix it.
Posted: Wed Mar 15, 2006 11:54 am
by shiznatix
doing cellpadding="0" cellspacing="0" fixes the problem for the top gap but does nothing to fix the problem of the bottom gap (which is the biggest gap). Any other ideas? I can't leave this bar until I figure this out
Posted: Wed Mar 15, 2006 1:25 pm
by shiznatix
HAHAHA no your right it does work just fine. what made it not work was the extra <tr><td colspan="2"> </td></tr> that i put at the end that I was not even paying attention to. Wow I need to relax a little. Thanks for the help.