Double Spacing Under Thumbnails ?

**Beeunique** · 2 Jan 2007, 06:13 PM

Hi, I am having problems with product spacing - on thumbnail view
test example here -
http://www.beeunique.co.uk/alttest/i...index&cPath=72
The product name is followed by a line space and then price, another line space and then add to cart - we've tried everything and searched forum but cant see how to get rid of these extra spaces - can anyone help? Nearly finished our upgrade and just trying to sort out some small problems.

We're also stuck on how to make the product name under thumbnail smaller - any help on that would also be appreciated - it was all fine until upgrade and now things double over onto new lines

Ta, Nickki

**Beeunique** · 2 Jan 2007, 11:22 PM

sorry to be a pain but can anyone help with this?
We have to go live again with site as its been offline since upgrade, but the product titles are really big and bright and the spacing is deceptive - we think someone might click to add an item thinking it is for the photo beneath the 'add to cart' section instead of the item above - we really need to delete these extra lines.

Cheers for any help

**barco57** · 2 Jan 2007, 11:51 PM

Well nikki.......the url you provided is "offline for upgrade" so can't help with this one. sorry.

**barco57** · 3 Jan 2007, 12:20 AM

ok realized the url was missing some stuff, just added it and I was in.....

Code:

>Atomic Pink (UV)</a></h3><div class="listingDescription"></div><br /><span class="normalprice">£8.50 </span><br />

The <br /> in red needs to be removed.....ah which file was that your gonna have to edit......hmmmm

You also have a major mistake going on with the code somewhere.....when viewing the source you have a second set of body and html tags in the middle of the page.....looks like you cut the html code from somewhere and pasted it into your category description. The stuff in red doesn't belong in there.All of the css stuff needs to be moved to the stylesheet. If you check your site in IE7 it is all screwed up because of this.

Code:

<div id="indexProductListCatDescription" class="content"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
	background-color: #000000;
}
.style23 {color: #000000}
.style37 {	color: #990000;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style49 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: ##cccc00;
}
.style52 {color: #990000}
.style53 {font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px;}
a:link {
	color: #cccc00;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #cccc00;
}
a:hover {
	text-decoration: underline;
	color: #990000;
}
a:active {
	text-decoration: none;
}
.style38 {color: #cccc00}
.style42 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; color: #cccc00; }
.style43 {	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style44 {font-size: 12px}
.style45 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #990000;}
-->

</style>
</head>

<body>
<h1 class="style52"><span class="style53">Special Effects  Hair Dyes - <u>For a limited time all SFX Dyes are only &pound;8 </u></span></h1>
<table width="90%">
  <tr>
    <td valign="top"><div align="center"><img src="../images/40.gif" width="15" height="15"></div></td>
    <td class="style37"><span class="style45">Semi-permanent cream formula</span></td>
  </tr>

  <tr>
    <td valign="top"><div align="center"><img src="../images/40.gif" width="15" height="15"></div></td>
    <td class="style37"><span class="style45">Last approx 3-6 weeks depending on hair type / base colour etc</span></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"><img src="../images/40.gif" width="15" height="15"></div></td>
    <td class="style37"><span class="style37">Vegetable Based Dyes - Vegan Friendly</span></td>
  </tr>

  <tr>
    <td valign="top"><div align="center"><img src="../images/40.gif" width="15" height="15"></div></td>
    <td class="style37"><span class="style45">Bottles are 118ml</span></td>
  </tr>
  <tr>
    <td valign="top"><div align="center"><img src="../images/40.gif" width="15" height="15"></div></td>
    <td class="style37"><span class="style45">Items marked <span class="style38">(UV)</span> are UV Reactive Hair Dyes</span></td>

  </tr>
  <tr>
    <td valign="top"><div align="center"></div></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2"><a href="http://www.beeunique.co.uk/top15page1.htm">Punk, Emo, Alternative Crazy Gothic Hair Styles Gallery </a></td>
  </tr>

  <tr>
    <td colspan="2"><a href="http://www.beeunique.co.uk/Hair-SpecialEffects.htm">All You need to know about Special Effects Hair Dyes..</a></td>
  </tr>
</table>
</body>
</html></div>

**barco57** · 3 Jan 2007, 12:29 AM

your not going to be happy you did the same thing with product descriptions.....at least with the individual hair dyes...........Lots of editing....better start making that coffee...I would copy out all of the embedded styles to notepad and when you have all of them out of the html I would then go through it and delete the dupes and make sure you dont have class/ids with different style info......I know bad news huh.....Good luck

**martyndw2005** · 3 Jan 2007, 01:04 AM

Hi ,

Please let us know where to go to remove the <br /> html in the code. That is were we are having the problems.

Thanks for you help so far.

regards

Martyn
www.beeunique.co.uk