The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Table image spills out past the table
klynnk1
post Jun 29 2012, 12:44 PM
Post #1


Newbie
*

Group: Members
Posts: 11
Joined: 7-July 09
Member No.: 9,107



I have a template that I use on Ebay. I have tried to clean up my CSS and HTML a bit and have run into a problem.

Here is what I had originally
Ebay original layout
(it looked ok on my computer and a few others I checked, but the teal background ran all the way up into the Ebay info at the top of the page when viewed on my sister's computer ... IE9 is what she thinks she is using)

When I look at my new revised layout on my computer everything looks fine. But once I use it as a template for ebay the table background spills out and runs the full screen.

Here's the new test example:
Ebay the new TEST layout

body {
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-color: #476B6B;
background-image: url(http://imgs.inkfrog.com/pix/klynnk1/Pinups_Template_2012.jpg);
padding: 0; margin: 0;
text-align: left;
font-size: 1.05em;
color: #FFFFFF;
line-height: 125%;
text-align: center;
}

table {
background: url(http://imgs.inkfrog.com/pix/klynnk1/ebay_black_noise.jpg);
width: 850px;
border-width: 4px;
border-style: solid;
border-color: maroon;
border-top: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}

<table width="100%" border="0" cellspacing="2" cellpadding="2">

<tr>
<td align=center colspan=5><img src="http://imgs.inkfrog.com/pix/klynnk1/New_UFO_n_Cow_6.jpg" alt="UFO and Cow">
</td>
</tr>

I have put my new markup in the validator and I only get a few errors regarding the thumbnails
character ";" not allowed in attribute specification list I'm not too worrried about those.

Any suggestions on restraining the background image for the table?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jun 29 2012, 01:12 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,917
Joined: 9-August 06
Member No.: 6



What browser? I don't see anything spilling out in gecko. With IE7 I get redirected to a peculiar error page.
http://pages.ebay.com/messages/page_not_re...1.11.29.692.MST


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
klynnk1
post Jun 29 2012, 01:50 PM
Post #3


Newbie
*

Group: Members
Posts: 11
Joined: 7-July 09
Member No.: 9,107



QUOTE(pandy @ Jun 29 2012, 01:12 PM) *

What browser? I don't see anything spilling out in gecko. With IE7 I get redirected to a peculiar error page.
http://pages.ebay.com/messages/page_not_re...1.11.29.692.MST




Here's another link to it. I'm using Firefox.

Ebay test for template

I believe if I change the % to a smaller table width I can get rid of the overspill past the table ... however it will still extend below the table to the bottom of the page.

<table width="100%" border="0" cellspacing="2" cellpadding="2">

Can I just delete any table info in the markup section since I now have a table in CSS ... (this is just leftover from the way it was set up before).


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 1 2012, 07:20 AM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,917
Joined: 9-August 06
Member No.: 6



The page is very wide but I'm not sure I see anything spilling over. unsure.gif


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
klynnk1
post Jul 1 2012, 10:26 AM
Post #5


Newbie
*

Group: Members
Posts: 11
Joined: 7-July 09
Member No.: 9,107



QUOTE(pandy @ Jul 1 2012, 07:20 AM) *

The page is very wide but I'm not sure I see anything spilling over. unsure.gif



It isn't supposed to be that wide. I want it to stop at the width of the "Buy Stuff Here" header. There is a red border around my table and then there is a second area of black with another red border ... the second area is what I call the spillover. I want my background to end around the table and not extend all the way out to the sides and bottom.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 1 2012, 01:48 PM
Post #6


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,917
Joined: 9-August 06
Member No.: 6



For me it's the table above that's wide, the one with the picture of the band. unsure.gif

I'm sorry, I tried to see if something jumped out and it didn't. This kind of pages are very hard to debug. The whole eBay is a big HTML error and there's always so darn much HTML. I'm afraid your page is no exception. It has 255 HTML errors. Didn't even bother with the CSS ones. When you don't find something fishy right off you need to go through it all and correct the errors to untangle the mess. Again, sorry, but it's just too much on a summer evening especially since I'm not certain what changes eBay lets you do anyway. sad.gif


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
klynnk1
post Jul 1 2012, 02:19 PM
Post #7


Newbie
*

Group: Members
Posts: 11
Joined: 7-July 09
Member No.: 9,107



Ebay has so much muddled code that I couldn't make heads or tails of it. I could barely make out my code in all their tangled mess.

oh well - Thanks for taking a look at it ... Looks like I will trash this attempt and go on to Plan B ... cool.gif





QUOTE(pandy @ Jul 1 2012, 01:48 PM) *

For me it's the table above that's wide, the one with the picture of the band. unsure.gif

I'm sorry, I tried to see if something jumped out and it didn't. This kind of pages are very hard to debug. The whole eBay is a big HTML error and there's always so darn much HTML. I'm afraid your page is no exception. It has 255 HTML errors. Didn't even bother with the CSS ones. When you don't find something fishy right off you need to go through it all and correct the errors to untangle the mess. Again, sorry, but it's just too much on a summer evening especially since I'm not certain what changes eBay lets you do anyway. sad.gif

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jul 1 2012, 03:00 PM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 14,917
Joined: 9-August 06
Member No.: 6



Probably the best approach is K.I.S.S. The less you add the less eBay can screw it up. wink.gif


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th April 2014 - 10:00 PM