Html code easy help

here is my code really easy stuff.

<html><head>

</head>

<BODY >


<TABLE cellpadding="0" cellspacing="0" border="0" bgcolor="#000000"><tr><td><img src="_userimg-Header-Image.jpg">
</td></tr></table>

<TABLE cellpadding="0" cellspacing="0" border="0" background="_userimg-menu-background.gif" ><tr><td >The Menu</td></tr></table>

</BODY>
</HTML>

Open in new window


very easy know i have two screen shot one is in IE 9 but it happens in 8 and 10  and other in Firefox 24 and it looks fine.

the Black line is coming from here bgcolor="#000000" in the code i put it there so it sticks out.

there is spacing between the two tables i don't want there to be any.

How can i fix this ?
firefox.JPG
ie8.JPG
armasmikeAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

dsackerContract ERP Admin/ConsultantCommented:
After your </head> closing tag, and before your <body> tag, try this:

<style>table { margin: 0;} </style>
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Try this

  <TABLE cellpadding="0" cellspacing="0" border="0" ><tr><td><img src="_userimg-Header-Image.jpg" border="0">
</td></tr></table>

<TABLE cellpadding="0" cellspacing="0" border="0" background="_userimg-menu-background.gif" border="0" ><tr><td >The Menu</td></tr></table>

Open in new window

0
armasmikeAuthor Commented:
both of that didn't work.

Padas taking out the bgcolor="#000000" you still have the spacing.
0
Determine the Perfect Price for Your IT Services

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden with our free interactive tool and use it to determine the right price for your IT services. Download your free eBook now!

dsackerContract ERP Admin/ConsultantCommented:
I tested this and there was no space. However, I'm running IE 10.

Just to rule out margins for the table, tr and td, try this:

<html>
<head></head>
<style> table, tr, td { border-collapse: collapse; margin: 0; padding: 0; } </style>
<BODY>
<TABLE cellpadding="0" cellspacing="0" border="0" bgcolor="#000000">
<tr><td><img src="_userimg-Header-Image.jpg"></td></tr>
</table>
<TABLE cellpadding="0" cellspacing="0" border="0" background="_userimg-menu-background.gif">
<tr><td >The Menu</td></tr>
</table>
</BODY>
</HTML>

Open in new window

Threw in a border-collapse and empty padding, just in case.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
If dsacker solution does not work, please post the link to your page.
0
armasmikeAuthor Commented:
no that didn't work in IE 8,9, or 10 here is the site url

http://ultra.armaswebdesign.com/

it works great in firefox
0
dsackerContract ERP Admin/ConsultantCommented:
Your website has three stylesheets. One of them could be overriding certain table styles. You might want to give your two userimg tables a class, and add a class in one of those stylesheet files, similar to the styles I showed you in my example.

There's a lot more going on than your original "really easy stuff" HTML, for which all our responses answer more than adequately.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
armasmikeAuthor Commented:
Your right i didn't ask a very good question.
0
dsackerContract ERP Admin/ConsultantCommented:
Not a problem. Your award and response is of the highest respect. Either find the offending style or simply add a class of your own and use that. It will take a little work, but that should get you there.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
This is why you should always post your link. What you just did is unfortunately very common.  By posting just the "simple" code you *think* is the issue forces us to spend time unnecessarily.  If you view the source of  your page, the actual code is nothing like your "simple" example.

Just use this as a learning experience for next time and post the entire code or link and we can help you much quicker.

Now, if I take away the class, header-image, the line goes away.  

HOWEVER! your code is a mess.  And that will cause issues.

Start here http://www.w3schools.com/html/default.asp or here http://www.codecademy.com/tracks/web and get the basics down.

The problems I see
1) No doctype

2) Duplicated content

3) Style tag outside of Head tag

4) Script tags should either be in the Head section or just above the closing Body tag

5) You have 2 Body tags and there should only be 1

6) Please check the validator http://validator.w3.org

Please take all of this constructively.  Just take care of the errors, learn the basics and the rest will be easy.

Good luck on your project.
0
Dave BaldwinFixer of ProblemsCommented:
When I tried to go to http://ultra.armaswebdesign.com/ , my anti-virus blocked it as a malicious web site.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.