Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts

    Bottom border problem

    Hi!

    I have downloaded a news script with the following code for the style part:

    Code:
    <!--TEASER-->
    <table width="650px" border="0" cellspacing="0" cellpadding="1" class="smtxt" style="margin-bottom:10px;">
    	<tr bgcolor="#909090">
    		<td align="center" style="border-bottom:2px ridge #bbbbbb;"><strong><font color="#FF9900" size="+1" face="Arial, Helvetica, sans-serif">{title}</font></strong><br /><font color="#FFFFFF">{time}</font></td>
    	   <td align="right" style="border-bottom:2px ridge #bbbbbb;">{edit} {delete} </td>
    	</tr>
    	<tr>
    		<td colspan="2" align="left"><font face="Arial, Helvetica, sans-serif" size="3">{teaser}</font> <? if("{urltofullstory}" != "") {?><a href="{urltofullstory}">read more</a><? }?></td>
    	</tr>
    </table>
    <!--TEASER-->
    
    
    
    
    
    <!--STORY-->
    <table width="650px" border="0" cellspacing="0" cellpadding="1" class="smtxt" style="margin-bottom:10px;">
    	<tr bgcolor="#909090">
    		<td align="center" style="border-bottom:2px ridge #bbbbbb;"><strong><font color="#FF9900" size="+1" face="Arial, Helvetica, sans-serif">{title}</font></strong><br /><font color="#FFFFFF">{time}</font></td>
    	   <td align="right">{edit} {delete} </td>
    	</tr>
    	<tr>
    		<td colspan="2" align="left">{story}</td>
    	</tr>
    	<tr>
    		<td colspan="2" align="right" style="padding-top:5px;"><a href="{urltoallnews}">back to all news</a></td>
    	</tr>	
    </table>
    <!--STORY-->
    As you see there is specified a bottom border to some of the objects. However the bottom border won't stretch all over the bottom - a little place of the bottom is left without the border.
    You can see the example here: Just have a look @ all the gray borders in the content window: http://www.xflightx.port10.com/test/main-layout.php

    What can I do about it?

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You really haven't explained yourself to well. While I see the styles for the border I'm not sure what you mean by "won't stretch all over the bottom". In Firefox this is what I see
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    It's on IE the problem is, although I can't seem to figure out what is causing it exactly, applying "width: 100%;" to those inline styles will make the problem almost solved, but the <td>'s are then still about 2-3 pixels short.

  • #4
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    CaptainB, I suggest you quit those tables for layout and use CSS instead.

    Wrap those orange titles in <h2> tags and the date in a <p> tag or something and then include all that in a div, where you have defined a background color, some padding and a solid border-bottom.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Okay I see now. Take a look at the view source code
    Code:
    	<tr bgcolor="#909090">
    		<td align="center" style="border-bottom:2px ridge #bbbbbb;"><strong><font color="#FF9900" size="+1" face="Arial, Helvetica, sans-serif">Test 2 </font></strong><br /><font color="#FFFFFF">Saturday 30June - 2007</font></td>
    	   <td align="right" style="border-bottom:2px ridge #bbbbbb;">  </td>
    	</tr>
    You have an empty td cell. You need to some how put in &nbsp; so the cell has something in it. IE doesn't seem to render empty td cells. Or just remove that cell all together and change its colspan or something.

    I 2nd what Jutlander said.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    Regular Coder
    Join Date
    Jun 2007
    Posts
    805
    Thanks
    123
    Thanked 23 Times in 23 Posts
    @ Aerospace: Ahh ok. It dosn't look like your pic in IE
    I guess it's too much troubles with the recoding, so I have found another and better script - Thanks for your inputs!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •