Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Too much white space between product descriptions and images


mablesyrup

Recommended Posts

On my pages (www.miafashionista.com) under products and under their sub-catergories there is a lot of white space between the image descriptions vs. the image thumbnail/picture on the right. Can someone point me to where I need to change it? Is it just cell padding?

 

Thanks in advance and have a wonderful 4th!

Link to comment
Share on other sites

On my pages (www.miafashionista.com) under products and under their sub-catergories there is a lot of white space between the image descriptions vs. the image thumbnail/picture on the right. Can someone point me to where I need to change it? Is it just cell padding?

 

Thanks in advance and have a wonderful 4th!

Are you talking about your Grand opening image? It looks like you have a line break and separate table causing it to be misplaced.

Link to comment
Share on other sites

that the table layout of oscommerce.. the inner tables are set to 100% so that main, encompassing table that holds all of the "product into" is set to take up the entire inside of the website.. You can do a handful of things.. One is easy. the other is more complex.

 

My suggestion would be to make a fixed width and centered website..

 

LINK

You're different will be, instead of putting the style in the <head> tags, you will put them in the stylesheet.css

There were contributions.. but they were WAY complex.. that is a simple way to do it without any issues

 

your other option is to format your product_info.php page. You will have to get in there and look at the tables, and change the sizes and layout.. but no matter what, you will have LOADS of white space.. so you eithe rhave it in the middle, or on the sides. I think your site would be best just fixed width and centered

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

Are you talking about your Grand opening image? It looks like you have a line break and separate table causing it to be misplaced.

 

No no the grand opening image.. just on a products page...

like this one...

 

http://www.miafashionista.com//product_inf...;products_id=37

 

See all the white space in the center?????? =)

 

*Edit - I haven't even started to touch where the "free shipping" banner is yet =) One thing at a time =)

Link to comment
Share on other sites

umm// did you not read my response???

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

No no the grand opening image.. just on a products page...

like this one...

 

http://www.miafashionista.com//product_inf...;products_id=37

 

See all the white space in the center?????? =)

 

*Edit - I haven't even started to touch where the "free shipping" banner is yet =) One thing at a time =)

The product description and product image are in a different table row than the add to cart and review buttons. That is why there is such a big white space because of your tall image. You might be able to do a rowspan.

Link to comment
Share on other sites

if you look at the page using FIREBUG, you will see that there is one large table containing everything inside of that area.. Then there are tables within that table.. One that has the product name/modell and the price.. then below that is another table that has just the image.. and then there is the description, which is in the <td> that is part of the larger table.

 

Its a LOT easier to understand if just look at it using firebug. Its seriously the BEST tool of anything who is trying to understadn the osc tables

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

if you look at the page using FIREBUG, you will see that there is one large table containing everything inside of that area.. Then there are tables within that table.. One that has the product name/modell and the price.. then below that is another table that has just the image.. and then there is the description, which is in the <td> that is part of the larger table.

 

Its a LOT easier to understand if just look at it using firebug. Its seriously the BEST tool of anything who is trying to understadn the osc tables

FYI, Firebug is an add-on tool for the web browser Firefox. Just google it to download.

Link to comment
Share on other sites

or should i google it for them??

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

yes i did.. if you watch the whole thing, a page or results comes up with ALL of the answers

A great place for newbies to start

Road Map to oscommerce File Structure

DO NOT PM ME FOR HELP. My time is valuable, unless i ask you to PM me, please dont. You will get better help if you post publicly. I am not as good at this as you think anyways!

 

HOWEVER, you can visit my blog (go to my profile to see it) and post a question there, i will find time to get back and answer you

 

Proud Memeber of the CODE BREAKERS CLUB!!

Link to comment
Share on other sites

if you look at the page using FIREBUG, you will see that there is one large table containing everything inside of that area.. Then there are tables within that table.. One that has the product name/modell and the price.. then below that is another table that has just the image.. and then there is the description, which is in the <td> that is part of the larger table.

 

Its a LOT easier to understand if just look at it using firebug. Its seriously the BEST tool of anything who is trying to understadn the osc tables

 

Lindsay thank you so much for your help! I was writing my first response while you posted yours- so didn't see it until after I posted =) My husband also suggested I use FIREBUG... so maybe I should... haha.. on the advice of the both of you! Thanks again for the advice, going to go fix it all now!

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...