Adjusting image/ text alignment

Hi,

I need to know the best way to adjust the text spacing surrounding my images.

1) What I want to do is have the text on the top, right (Item Description) and bottom lined up as close as possible and as tightly against the image as possible.
I'm hoping this can be done in a generic way in the StyleSheet

Here is the post in question:
http://www.hottestshoes.org/black-gucci-shoes-2/

2) The center tag on the text above and below the image seems to have no effect

3) Also, how do I fix the alignment of the links in the light blue page navigation bar under the header with Home About Us, etc

4) Item Description text appears at bottom of image in IE and to the right of image in FF / I need it to appear immediately to the right

Much Appreciated

George

 

Hi,

In reply to your 3rd point, there is extra space above the navigation because you have a margin-top of 67px. It needs to be about 48px to line up... so in your css change the 4th line to 48px:-

#tab {

float: left;
font-size: 95%;
margin-top: 48px;

padding: 0;
white-space: nowrap;


}



I'll try and take a look at the other bits...

 

thanks very much, that fixed the nav bar issue

appreciate your help and if you have any advice on the other three issues

 

I looked at your source code and just before your blue link that says "Black gucci shoes" you have <br clear="all">
I think if you get rid of that, it will force the rest up...

 

UPDATE: Ok, I finally got most of this sucker to work and look identical in FF and IE
I had to use two div tags and an image caption setup.


Have ONE loose end which I need help with:

I need to be able to add the following two lines of text and have them appear to the right of the image
positioned as close to the image as possible


Item Description:
Black Gucci Shoes

this has to look identical in FF and IE


ANY final advice on this last piece of the puzzle for me?


Thanks for all your help!

George