products in columns not aligning...

[anxiouskittie]

Hi


i use "cross sell sky page" template for the pages... + "One Line" template for the products.

i don't understand why they don't line up properly.

I added a pic with a poorly drawn arrow in it to show you what I am talking about

I have the same content in each of them (the same amounts of linebreaks (<br>) oh, and the PICS in the product descriptions are the same height




this is some of the code that shopsite generates for this page:


<h2 id="pageName">testesiden</h2>


<div class="text1">
<div class="productBlock">
&nbsp;<!--- rec 124 -->
&nbsp;<br>
<a name="124"></a>
<!-- One Line -->
<a href="#" onclick="window.open('http://shopsite.powweb.com/ss8.1/ss/preview.cgi?page=-1','ShopSitePageMoreInfo','scrollbars=no,height=200,width=200');return false"><img src="http://siljestorhaug.powweb.com/store/media/tungevibeliten.jpg" alt="tungevibeliten.jpg"></a>
<br>
<b>Vibrerende Tungering</b>

<br><br>


<b><small>Nkr&nbsp;219,00
</small></b>
<form action="http://shopsite.powweb.com/ss8.1/sc/order.cgi" method="post">
Ant. <input size="2" name="124:qnty" value="1" type="text">
<input name="storeid" value="*24e8b66595dabfd972540040e3b8790b1d5f499f" type="hidden">
<input name="dbname" value="products" type="hidden">
<input name="function" value="add" type="hidden">
<input name="itemnum" value="124" type="hidden">
<input value="Legg til" type="submit">
</form>
</div> <!-- end productBlock -->

<div class="productBlock">
&nbsp;<!--- rec 51 -->
&nbsp;<br>
<a name="51"></a>
<!-- One Line -->
<a href="#" onclick="window.open('http://shopsite.powweb.com/ss8.1/ss/preview.cgi?page=-1','ShopSitePageMoreInfo','scrollbars=no,height=200,width=200');return false"><img src="http://siljestorhaug.powweb.com/store/media/blacknoveltysmall.jpg" alt="blacknoveltysmall.jpg" border="0" height="60" hspace="3" vspace="3" width="67"></a>
<br>
<b>Black Novelty</b>
<br>
<br>


<b><small>Nkr&nbsp;69,00

</small></b>
<form action="http://shopsite.powweb.com/ss8.1/sc/order.cgi" method="post">
Ant. <input size="2" name="51:qnty" value="1" type="text">
<input name="storeid" value="*24e8b66595dabfd972540040e3b8790b1d5f499f" type="hidden">
<input name="dbname" value="products" type="hidden">
<input name="function" value="add" type="hidden">
<input name="itemnum" value="51" type="hidden">
<input value="Legg til" type="submit">
</form>
</div> <!-- end productBlock -->
<div class="productBlock">
&nbsp;<!--- rec 321 -->
&nbsp;<br>

<a name="321"></a>
<!-- One Line -->
<a href="#" onclick="window.open('http://shopsite.powweb.com/ss8.1/ss/preview.cgi?page=-1','ShopSitePageMoreInfo','scrollbars=no,height=200,width=200');return false"><img src="http://siljestorhaug.powweb.com/store/media/blackandwhitesmall.jpg" alt="blackandwhitesmall.jpg" border="0" height="60" hspace="3" vspace="3" width="67"></a>
<br>
<b>Black</b>
<br><br>


<b><small>Nkr&nbsp;69,00
</small></b>

[BFChris]

It looks like the second and 3rd images have horizontal and vertical spacing written into the image tag (hspace and vspace of 3), hence adding a padding around them that is shifting them downward.

I can't check it for sure because you didn't include the CSS stylesheet that defines those 2 DIV styles.

But, give that a try.

Sincerely,

~~Barefoot Chris
--------------------------------------------
Barefoot Chris Web Design
www.barefootchris.net
--------------------------------------------

[anxiouskittie]

hey!

thanks for the reply, that makes sense now!

but where do i edit this? It's not in the product description, and I am not sure what stylesheet to edit, and all three products use the same template :S Doesn't make sense to me...

[BFChris]

It looks like it's hard coded into the image URL. It's not coming from a stylesheet. Where is that image tag being drawn from (what Shopsite tag)? Is it possible the template was manually edited at some point? Even so, I'm not sure why it wouldn't appear in all the images if the template was edited.

What template are you using and has it been modified?

Barefoot Chris
-----------------------------
Barefoot Chris Web Design
www.barefootchris.net
----------------------------

[anxiouskittie]

hm, yeah, that is le weirdness, i say :O

I checked the other page where i have more products, and it seems that the FIRST product on EVERY line is further up (lacking the hspace and vspace)... and then the two next are having hspace and vspace.

I use cross sell sky page-template. And One Line for the products

I looked at my edited copies of templates, stylesheets, etc, and deleted them (not that i used them anyways), and that made no difference. It is using the original template, not an edited template

[anxiouskittie]

woah....

i did lotsa stuff to test what was wrong...

nothing changed

then - i went into the image folders, chose all the images, and "reset image attributes"!


YEAH!

Just thought i'd write it here incase anyone else would have the same problem..

HAPPINESS