Product Line Layout

[lee05]

I am modifing the productlineright.html file with dreamweaver.
I am trying to make the product section as small as possible therefore making all the text xsmall. I have done this on the product. ref and description however the price still remains big - where can I change this?

Also how can I get the quantity and add to cart button on the same line?

www.arbrownlow.com

Heres the modified version of the page in html..


<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td valign="TOP" align="left" colspan="2"> NETQUOTEVAR:TEMPLATEBEGINXML
<a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actxxsmall"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
<span class="actxxsmall">NETQUOTEVAR:PRODUCTREF<br>
NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
<span class="actxxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
NETQUOTEVAR:PRICEEXPLANATION
NETQUOTEVAR:PRODUCTPRICE</span>
<span class="actxxsmall">NETQUOTEVARISCOUNTINFO </span>
<span class="actxxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
<span class="actxxsmall">NETQUOTEVARATEPROMPT </span>
</td>
<td rowspan="2" valign="TOP" align="CENTER">NETQUOTEVAR:PRODUCTIMAGE </td>
</tr>
<tr>
<td align="left" colspan="2"> <span class="actxxsmall">
NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY
<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
</span>NETQUOTEVAR:TEMPLATEENDXML
</td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

[pinbrook]

how do you define actxxsmall in the actinic.css file?

[jont]

Don't forget there is also Act_CartButton.html and Act_CartButtonImage.html templates that may need looking at for an <br> tags etc.

The product area width looks quite narrow also so it may be the add to cart button is being forced onto the new line due to a table width constraint

[lee05]

That seemed to work I had line breaks on the cartbutton page.
Can someone look at this and tell me what I can do to make the qty and add to cart button align correctly?

http://www.arbrownlow.com/acatalog/Evo-stik.html

Thanks
________
toyota history

[jont]

Aligning input boxes and input buttons can be a real pain - try adding a class to the input button code and in the actinic.css use something like

input.cartButton {
margin-top: 8px;
}

[Stereo Steve]

Very unscientific but what I usually do is to create an image that is the same height as the qty box and then place the button in the center (vertically) so that it looks OK. I'm sure there's a better way but that works for me.

[NormanRouxel]

however the price still remains big - where can I change this

In Act_ProductPrice.html.

P.S. Nice use of my donationware NorTree menu.

[lee05]

thanks will try that

[lee05]

act_productline layout

Very unscientific but what I usually do is to create an image that is the same height as the qty box and then place the button in the center (vertically) so that it looks OK. I'm sure there's a better way but that works for me.

how do i find out what size the qty box is?
________
BMW R1150R

[jont]

Use an on screen measuring tool is the non scientific way - yours are 50px by 22px