Can anyone help with this layout problem

9 May 2014, 1:18 PM

#1

Zen Follower

Join Date:: Sep 2010
Posts:: 449
Plugin Contributions:: 0

Can anyone help with this layout problem

Hi
I'm an absolute newbie at css and especially identifying problems to correct...

If you take a look at my product display page: http://www.thepersonalisedtouch.com/demo/index.php?main_page=product_info&cPath=50_72_77&products_id=173

You will notice that the 'bullets' in the description are breaking alignment and on other pages the bullets end up 'over' the image.

I know it's a css thing but where & what? How can I tidy this mess up?

Thanks for any help

10 May 2014, 11:50 PM

#2

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Can anyone help with this layout problem

using forefox I do not see the issue
What browser are you using?

12 May 2014, 11:20 AM

#3

rizla

Zen Follower

Join Date:: Sep 2010
Posts:: 449
Plugin Contributions:: 0

Re: Can anyone help with this layout problem

Sorry for the delay... I'm using IE 11

14 May 2014, 6:26 AM

#4

kobra

Black Belt

Join Date:: Aug 2005
Location:: Arizona
Posts:: 31,500
Plugin Contributions:: 4

Re: Can anyone help with this layout problem

don't have 11
Maybe another will have it

14 May 2014, 3:38 PM

#5

lat9

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,100
Plugin Contributions:: 56

Re: Can anyone help with this layout problem

The link you provided gives a 404 ...

20 May 2014, 7:16 AM

#6

rizla

Zen Follower

Join Date:: Sep 2010
Posts:: 449
Plugin Contributions:: 0

Re: Can anyone help with this layout problem

Hmm don't know why that happened...... try this link:

http://www.thepersonalisedtouch.com/engraved-gifts/drinks-items/engraved-hip-flasks/pewter-hip-flask-with-colour-fly-fishing-centre?cPath=86&

20 May 2014, 1:57 PM

#7

lat9

Administrator

Join Date:: Sep 2009
Location:: Stuart, FL
Posts:: 14,100
Plugin Contributions:: 56

Re: Can anyone help with this layout problem

Try adding to the bottom of your stylesheet.css:

div.productGeneral ul { list-style-position: inside; }

20 May 2014, 2:49 PM

#8

badarac

Totally Zenned

Join Date:: Aug 2009
Location:: Longs, SC
Posts:: 635
Plugin Contributions:: 0

Re: Can anyone help with this layout problem

lat9:

Try adding to the bottom of your stylesheet.css:

div.productGeneral ul { list-style-position: inside; }

And to fix the problem of the bullets wrapping around the image make it

div.productGeneral ul { list-style-position: inside; overflow: hidden; }

20 May 2014, 7:27 PM

#9

rizla

Zen Follower

Join Date:: Sep 2010
Posts:: 449
Plugin Contributions:: 0

Re: Can anyone help with this layout problem

badarac:

And to fix the problem of the bullets wrapping around the image make it

div.productGeneral ul { list-style-position: inside; overflow: hidden; }


Must be easy... When you know how lol.... Works a treat thanks very much.

All I need to know now is how to get the 'Ask a question' image on the same line as add to cart, but left justified.

But thanks for the help