/    Sign up×
Community /Pin to ProfileBookmark

learning to hand code td’s show space is IE but not in FF

hope the thread subject gets some attention… ?
i have been coding pages using FP without the basic idea of html for the past 6 months in my job and now want to learn handcoding

i am learning using w3schools and check the code by openin the page in FP.. but haven’t proceeded far rather am stuck at the begining

“While i code td’s in the page IE shows me spaces between tr and the other td’s

but the same shows fine in FF……. and i tried checking the in FP and it shows me a space in the td’s but when i remove the space it makes no difference to the code … not able to understand where i am going wrong”

is it an issue with ie please help coz can’t move ahead widout getting this right

hope i am able to describe the issue … first forum … first thread?

to post a comment
HTML

4 Comments(s)

Copy linkTweet thisAlerts:
@afigueroaAug 11.2007 — the space between the <td>'s and <tr>'s are resulted from colspace - <td> and rowspace - <tr>. you can change the values associated (there is a default depending on what browser you're using).
Copy linkTweet thisAlerts:
@estudiantauthorAug 12.2007 — &lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=windows-1252"&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;body bgcolor="1d1d1d" &gt;

&lt;div align=center&gt;
&lt;table width="780px"; cellspacing="0"; cellpadding="0"; border="0"; &gt;
&lt;tr &gt;
&lt;td align="left"; valign="top"; width="175px"; &gt;&lt;img src="images/header_img01.jpg"; &gt;
&lt;/td&gt;
&lt;td align="left"; valign="top"; &gt;
&lt;div align="center"; &gt;
&lt;table width="100%"; border="0"; cellspacing="0"; cellpadding="0" &gt;
&lt;tr&gt;
&lt;td align="left"; valign="top"; height="12px"; &gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left"; valign="top"; &gt;&lt;img src="images/header_img02.jpg"; &gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;td align="left"; valign="top"; height="230px"; &gt;&lt;div align="center"; &gt;
&lt;table width="100%"; border="0"; cellspacing="0"; cellpadding="0" height="230px"; &gt;
&lt;tr&gt;
&lt;td align="left"; valign="top"; height="12px"; &gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left"; valign="top"; &gt;&lt;img src="images/company_name.jpg"; &gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left"; valign="top"; &gt;&lt;img src="images/header_img04.jpg"; &gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td align="left"; valign="top"; &gt;&lt;img src="images/menu_left.jpg"; &gt;
&lt;/td&gt;
&lt;td align="left"; valign="top"; background="images/menu_bg.jpg"; &gt;&lt;img src="images/menu_bar_left.jpg"; &gt;
&lt;/td&gt;
&lt;td align="centre"; valign="middle"; background="images/menu_bg.jpg"; &gt;&lt;img src="images/link_home.jpg"&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;


thank you for ur reply but i am not really able to understand it cud u explain to me how do i fix the colspace and rowspace in the above code its very basic... and i use IE and FF to check the end result
Copy linkTweet thisAlerts:
@afigueroaAug 12.2007 — the values used in cellspacing/cellpadding should be 0px, always define a unit of measurement
Copy linkTweet thisAlerts:
@Major_PayneAug 12.2007 — The code given has 33 errors. Without a doc type, IE is working in Quirks Mode which is a guesstimate on how to parse and display your table. IE always puts in padding/margins because it's the nature of the beast. Remove the semicolons between attributes unless you go to inline styling. Better, make a CSS for the styling and add the universal selector at the very top:

  • * { margin: 0; padding: 0; border: 0; }


  • This will clear all values before your styling takes effect. Mainly, correct your code, add a doc type and put in the Universal Selector style. Then see what you get.

    Ron
    ×

    Success!

    Help @estudiant spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 6.17,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @nearjob,
    tipped: article
    amount: 1000 SATS,

    tipper: @meenaratha,
    tipped: article
    amount: 1000 SATS,

    tipper: @meenaratha,
    tipped: article
    amount: 1000 SATS,
    )...