PDA

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.

Thanks!

Joe

http://www.yanxyanx.com/ebay/photos/final.jpg


<!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">

<head>
<CENTER>
<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; }

</style>

<script type='text/javascript'>



</script>

</head>
<body >


<table cellspacing='0' cellpadding='0'>
<tr>
<td colspan='3' class='section_1'></td>
</tr>
<tr>
<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>
</tr>
<tr>
<td class='section_5'></td>
</tr>
</table>



<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>

</div>


</body>
</html>

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

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