Forum Moderators: open

Message Too Old, No Replies

Problem with table margain

         

rdruser

12:42 am on Apr 12, 2005 (gmt 0)

10+ Year Member



Im having an issue with html and was hoping someone could offer a suggestion on how to correct the issue. What I want is to have the blue area (the pic is below) right next to the black border and not have white space on the top, left, and right sides. Below is the part in question and below that is the full code. Thanks in advance!

<Sorry, no personal URLs.
See Terms of Service [webmasterworld.com]>

Area in question

<table width="648" border="0" align="center" cellpadding="7" cellspacing="0">
<tr>
<td style="border-style:solid; border-width:1px; " colspan="9" align="center" bgcolor="#FFFFFF" bordercolor="#000000">
This is where the part begins
<leftmargin=0 topmargin=0 marginwidth=0 marginheight=0">
<div align="center">
<center>
<table width=143 border=0 cellpadding=0 cellspacing=0 style="border-collapse: collapse" bordercolor="#111111">

[edited by: tedster at 1:54 am (utc) on April 12, 2005]

tedster

1:59 am on Apr 12, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In this snippet, you have some syntax trouble:

style="border-collapse: collapse" bordercolor="#111111"

should be ...

style="border-collapse: collapse;border-color:#111111"

I always suggest validating both html and css before trying to fix apprent rendering troubles. The problems often vanish when the mark-up is valid, and they drive you crazy otherwise.

W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]