Done many changes but stuck at simple ones

[alkhataat]

Hello every one

 

Managed to make many changes but stuck with couple of things.

 

I managed to increase the height of the title bar for all boxes but could not increase that for the navigation bar (home , catalog, my account) and the footer bar, can any one guide me where to find those ones.

 

Is it possible to increase the space between the upper boxes (Categories & Shopping cart) and the navigation bar ? where from ?

 

You can see what I mean by looking at my site.

 

http://www.qazaebooks.com

 

Thanks in advance for your help>

[alkhataat]

Hello,

 

No one has an idea about that ?

[spax]

If you add padding: 5px 0; to the TD.headerNavigation class in stylesheet.css, it will expand the nav bar by 10px in height. Do the same to TD.footer for the footer bar.

You can move the Categories and Cart boxes by adding to the cellspacing within the containing <table> or more precisely, create a new class in the stylesheet to do what you need.

 

You have messed the fixed width up a little bit. You have the header and footer set at 90% - which makes fixing the width a waste of time - and the main body at 770px. If you want a fixed width 770px, then put that in the fixcenter class instead of 90%.

[alkhataat]

If you add padding: 5px 0; to the TD.headerNavigation class in stylesheet.css, it will expand the nav bar by 10px in height. Do the same to TD.footer for the footer bar.

You can move the Categories and Cart boxes by adding to the cellspacing within the containing <table> or more precisely, create a new class in the stylesheet to do what you need.

 

You have messed the fixed width up a little bit. You have the header and footer set at 90% - which makes fixing the width a waste of time - and the main body at 770px. If you want a fixed width 770px, then put that in the fixcenter class instead of 90%.

 

 

 

Hello Peter,

 

Thanks for your help, the bars height is adjusted following your guidance.

 

Regarding the fixed width, I did set it to 770px as you recommended, but I have a small problem here, if you click on one of the books let’s say “ Mining Gold from ebay “ The center part will expand allowing the book information to show in the middle, but the page will go little bit out of shape, as the banner will not expand with the page !!

Is there is any way to make the banner also expands automatically widthwise with the rest of the page ?

 

Your advise is appreciated.

 

http://www.qazaebooks.com

 

Best wishes

Alkhataat

[spax]

Hi Ahmed,

 

The problem with that page and pages like it, is the main image you use. This one for instance.

 

 

It is 570px wide (reduced from 650px by html) and once you add the column widths, plus a bit of padding, the page gets expanded too far. The table will expand for an image.

 

Your choices are; reduce those images or, increase the page width from 770 to, say, 990. Which will be good for 1025 resolution and up. That way you can expand your columns from 125 to 150, which will look better. The left column already expands to that now.

 

If you increase the page width, you may need to increase your header image. It is 780px at present.

[alkhataat]

Hi Ahmed,

 

The problem with that page and pages like it, is the main image you use. This one for instance.

 

 

It is 570px wide (reduced from 650px by html) and once you add the column widths, plus a bit of padding, the page gets expanded too far. The table will expand for an image.

 

Your choices are; reduce those images or, increase the page width from 770 to, say, 990. Which will be good for 1025 resolution and up. That way you can expand your columns from 125 to 150, which will look better. The left column already expands to that now.

 

If you increase the page width, you may need to increase your header image. It is 780px at present.

 

 

Hello peter,

 

Thanks again for your assistance, very kind of you.

 

I did fix the page width to 990px as you suggested, that is nice, but I think the appearance of the small ebook picture again beside the expanded ebook information causing the out-shape of the site, specially that I am fixing the width of the information table to 580px, looking again at the same ebook “ Mining Gold “ you will notice the appearance of the small photo on the top right, can we eliminate the appearance of that photo ? and where can I do that ?

 

Tried to fix the right column to 150 matching the left column, but could not find where, can you guide please.

 

Referring to an old point of increasing the space between the navigation bar and the Categories and Cart boxes by adding to the cell spacing within the containing <table> or more precisely, create a new class in the stylesheet, I changed many things on the stylesheet but nothing has changed, can you advise where the change has to be or what the new class should be like ?

 

Much obliged for your assistance

Best regards

Ahmed