Help with layouts

[PeterW]

Hello,

I have been using Sellerdeck V11. I have made some changes to the layout in this version and have been happy with the result.

Now Sellerdeck 2013 is here and I have received my copy, I wish to upgrade my designs. However my knowledge of HTML / CSS is limited, learnt from looking at the Sellerdeck Code and finding things on the internet.

My first problem is with the Best Sellers on the home page. In v11 I had the Price and Find Out More under the picture. I experimented with p and div tags which moved the appropriate items down.

This does not seem to work in the 2013 Splash theme. The info just floats at the side of the picture whatever I do.

The same applies to a few other areas in my designs.

It must be to do with the CSS but I cannot find the offending area with my limited knowledge.

There are a few other niggles but if I can sort the above out first then I think I am half way there.

Kind Regards

Peter

[graphicz]

Can you publish the v11 and 2013 pages and post the links then we can look at them with Firebug and see what's happening? http://getfirebug.com/

[PeterW]

Hello Johnathan,

Sorry I haven't been on the forum recently. Had to take mother into hospital - not good news but thats another story. Your reply to this thread is appreciated.

The current site is done with V11 Edge design. I have been able to move the price etc under the best seller items on the home page.

Current site is www.electricfencingshop.co.uk

On the Splash theme in v12 I cannot seem to do this:

electricfencingshop.co.uk/acatalog/test/index.html

the text always floats at the right of the picture.

also I seem to be having a problem with links from products which seem to be not uploading correctly. I seem to be getting links like this:

SellerDeck%202013/ElectricFence1/SiteHTML/agrifence-dp1220-electric-fencing-energiser-384-763.html

Kind regards

Peter

[graphicz]

Sorry for your mother's health.

A useful tool is Firebug, a Mozilla Firefox add on, it lets you look in detail at code.

Using this you can see that in your test page the actinic/sellerdeck stylesheet is giving images in the DIV class content-area the property of float:left. Search for 'content-area img' in the Actinic css:

.content-area img {
    float: left;
    padding: 0 10px 10px 0;
}

Giving the images in the best seller layout an inline style thus:

style="clear:left"

eg

<img style="clear:left" width="75"  title="120 x Farmer IS Ring Insulator" alt="120 x Farmer IS Ring Insulator" src="acatalog/p-15275-120-farmer-ring-insulator.jpg" style="border: 0;">

might help.

[PeterW]

Thank you for your reply.

I will hopefully get a chance to look at this over the weekend. Fingers crossed

Kind Regards

Peter