View Full Version : New to Forum: Desparate Need of Help

Joe A
Feb 4th, 2010, 04:53 AM
Hi All,

I have been working on putting together a template for my ebay auctions. Basically, I am trying to keep the template clean, but with the ability to change the text in one section. I thought the best way to do this was with a table (with multiple rows and columns), and in the one section I want to change the text, make the image a background image so I can change text.

Anyway, I thought I did everything right, but I am getting a white bar below my top row even though I have my cell spacing and everything at 0. it is also screwing up the bottom of the image.

Anyone have an idea how to fix. See image and HTML below.




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<style type='text/css'>

td.section_1 { width: 744px; height: 51px; background-image:url('http://www.yanxyanx.com/ebay/photos/images/testpic_01.gif'); }
td.section_2 { width: 284px; height: 496px; background-image:url('http://www.yanxyanx.com/ebay/photos/images/testpic_02.gif');}
td.section_3 { width: 420px; height: 107px; background-image:url('http://www.yanxyanx.com/ebay/photos/images/testpic_03.gif'); font-family:verdana; font-size:9pt; vertical-align:text-top; font-style:italic; color: green; font-weight:bold }
td.section_4 { width: 40px; height: 496px; background-image:url('http://www.yanxyanx.com/ebay/photos/images/testpic_04.gif'); }
td.section_5 { width: 420px; height: 389px; background-image:url('http://www.yanxyanx.com/ebay/photos/images/testpic_05.gif'); }

div.wrapper { position: absolute; margin-top: 50px; }


<script type='text/javascript'>


<body >

<table cellspacing='0' cellpadding='0'>
<td colspan='3' class='section_1'></td>
<td rowspan='2' class='section_2'></td>
<td class='section_3'>You are bidding on a Bobby
Thomson / Ralph Branca Dual Autograph 8x10 Photo, inscribed "Shot Heard
Round the World, Oct 3, 1951" <BR><BR> Signatures are bold and photograph is mint and clean<BR><BR>Item will ship in a hard plastic for your protection</td>
<td rowspan='2' class='section_4'></td>
<td class='section_5'></td>

<div class='wrapper'>

<div class='section_1'></div>
<div class='section_2'></div>
<div class='section_3'></div>
<div class='section_4'></div>
<div class='section_5'></div>



Feb 4th, 2010, 07:32 AM
Check the height of your images and compare them to what you have in your CSS.

Feb 7th, 2010, 04:20 AM
What does your css look like?