Post by shughey » Mon Nov 03, 2008 10:45 pm

Would someone please look at http://www.reformedreader.org/bookstore ... ry&path=22 and tell me how to resolve the problem with items not being spaced properly?  At home I'm using a laptop with 1024x768 resolution and they appear normal but elsewhere using a laptop or desktop at the same resolution they are not spaced properly.

Thanks,
Sam Hughey

New member

Posts

Joined
Mon Oct 27, 2008 12:02 am

Post by bruce » Mon Nov 03, 2008 11:02 pm

If you are not already using firefox, grab a copy and the web developer extension. If that does not already include html validation (long time since I installed web developer) then get that too.

Check out your site with the validation and clean up your html. That might not be the complete solution but it gets you off to a good start.

Active Member

Posts

Joined
Wed Dec 12, 2007 2:26 pm

Post by jty » Mon Nov 03, 2008 11:05 pm

Oh Bruce types faster than me  :P

Anyway, this was my answer before Bruce beat me to it
Notice how I also say get Firefox Web Develop tools

Do you mean how the pics are longer and cover the words ?

Cuz your catalog/template/default/css/default.css
On line 220+ a few lines, for your .products class, you need to change the height to something like maybe try 170
Your pics are 150px height but your css is only allowing a height of 140 so your pics are longer/heighter than the space you have allowed for them.

If you get something like Firebug or Firefox's Web Developer Tools, you can find these issues easily using Firefox

jty
Active Member

Posts

Joined
Sat Aug 30, 2008 8:19 am

Post by shughey » Mon Nov 03, 2008 11:13 pm

jty wrote: Oh Bruce types faster than me  :P

Anyway, this was my answer before Bruce beat me to it
Notice how I also say get Firefox Web Develop tools

Do you mean how the pics are longer and cover the words ?

Cuz your catalog/template/default/css/default.css
On line 220+ a few lines, for your .products class, you need to change the height to something like maybe try 170
Your pics are 150px height but your css is only allowing a height of 140 so your pics are longer/heighter than the space you have allowed for them.

If you get something like Firebug or Firefox's Web Developer Tools, you can find these issues easily using Firefox
Wow, thanks for the quick response.  I viewed it in Firefox and the same problem exists and yes, I am referring to how the pics are longer and cover the words.  I didn't think about the difference between the image size setting in Admin and the css file.

I will definately get Firebug or Firefox's Web Developer Tools

Again,
Thank you very much.

New member

Posts

Joined
Mon Oct 27, 2008 12:02 am

Post by shughey » Mon Nov 03, 2008 11:16 pm

bruce wrote: If you are not already using firefox, grab a copy and the web developer extension. If that does not already include html validation (long time since I installed web developer) then get that too.

Check out your site with the validation and clean up your html. That might not be the complete solution but it gets you off to a good start.
Thanks Bruce.  You and jty have been very helpful.  I knew it would be something simple.

New member

Posts

Joined
Mon Oct 27, 2008 12:02 am

Post by shughey » Tue Nov 04, 2008 12:03 am

shughey wrote:
jty wrote: Oh Bruce types faster than me  :P

Anyway, this was my answer before Bruce beat me to it
Notice how I also say get Firefox Web Develop tools

Do you mean how the pics are longer and cover the words ?

Cuz your catalog/template/default/css/default.css
On line 220+ a few lines, for your .products class, you need to change the height to something like maybe try 170
Your pics are 150px height but your css is only allowing a height of 140 so your pics are longer/heighter than the space you have allowed for them.

If you get something like Firebug or Firefox's Web Developer Tools, you can find these issues easily using Firefox
Wow, thanks for the quick response.  I viewed it in Firefox and the same problem exists and yes, I am referring to how the pics are longer and cover the words.  I didn't think about the difference between the image size setting in Admin and the css file.

I will definately get Firebug or Firefox's Web Developer Tools

Again,
Thank you very much.
I've changed the size in Admin which makes the images appear on the Category page properly but the drawback is that the image is too small on the product page.  I prefer a smaller image on the Category page but can the image on the Product page be larger?

New member

Posts

Joined
Mon Oct 27, 2008 12:02 am
Who is online

Users browsing this forum: No registered users and 21 guests