Solved

Web page tables

Posted on 2011-09-27
7
215 Views
Last Modified: 2012-05-12
HI Experts

I have an issue display a home page I have setup with a table.  The page displays fine in Mozilla but not in IE.  I have attached the table code I have used.  I have also attached a copy of the page as it looks in IE, as you can see not quite right.  Any help would be appreciated here.  As mentioned in Mozilla the page is displayed no problem!

Thanks
<table width="875" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td colspan="8"><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r1_c1.jpg " alt="milk-rite milk liners" width="875" height="293" /></td>
</tr>


<tr>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r2_c1.jpg" alt="dairy tubing" width="215" height="32" /></td>
<td colspan="2"><a href=":::assetfullpath.shortcutid-388712:::"><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r2_c2.jpg" alt="milk-rite europe" width="135" height="32" /></a></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r2_c3.jpg" alt="milk inflations" width="20" height="32" /></td>
<td><a href=":::assetfullpath.shortcutid-388769:::"><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r2_c4.jpg" alt="milk-rite USA" width="135" height="32" /></a></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r2_c5.jpg" alt="milking liners" width="20" height="32" /></td>
<td><a href=":::assetfullpath.shortcutid-388724:::"><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r2_c6.jpg" alt="milk-rite International" width="135" height="32" /></a></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r2_c7.jpg" alt="milk tubing" width="215" height="32" /></td>
</tr>


<tr>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c1.jpg" alt="milk-rite" width="215" height="44" /></td>
<td><a href=":::assetfullpath.shortcutid-388712:::"><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c2_r1_c1.jpg" alt="milk-rite UK" width="67" height="44" /></a></td>
<td><a href="http://www.milk-rite.fr"><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c2_r1_c2.jpg" alt="milk-rite France" width="68" height="44" /></a></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c3.jpg" alt="milk-rite liners" width="20" height="44" /></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c4.jpg" alt="milk-rite tubing" width="135" height="44" /></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c5.jpg" alt="milk-rite cluster exchange" width="20" height="44" /></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c6.jpg" alt="dairy equipment" width="135" height="44" /></td>
<td><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r3_c7.jpg" alt="dairy technology" width="215" height="44" /></td>
</tr>


<tr>
<td colspan="8"><img src="/Images/milkrite splash 2011/0094mr_fr_gen_splashpage_c_NEW_r4_c1.jpg" alt="" width="875" height="348" /></td>
</tr>

</table>

Open in new window

homepage.jpg
0
Comment
Question by:chas805
7 Comments
 
LVL 15

Expert Comment

by:Eyal
ID: 36708007
can you post a link to the page?
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 36708206
You might try making 'margin' and 'padding' = 0 on all the images in that table.
0
 

Author Comment

by:chas805
ID: 36708465
Hi link:

www.milk-rite.com

So for the padding and margin do I create a class and apply the class to the table row?
0
Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

 
LVL 15

Expert Comment

by:Eyal
ID: 36708483
in the style put

#content-container table, #content-container table tr td{
padding:0px;
margin:0px;
}
0
 

Author Comment

by:chas805
ID: 36708776
Hi applied the css to the syle but still no joy :(
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 36708964
I added this:

img {border:0}

to your style section and achieved the results below. Is that what you are looking for?
Milk-rite.jpg
0
 

Author Closing Comment

by:chas805
ID: 36709139
Excellent Thankyou, that done the trick :)....
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How can I upload multiple images from a HTML form? 2 28
insert text field data into html script 13 41
MouseOver help for Intranet website 2 23
HTML Display Current Year 5 26
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question