A couple of issues I need help with please

[Johnathan]

Hi all,

Please can you take a look at http://www.usbtvtuner.co.uk/tvstick6.htm.

For some reason on Dreamweaver the word 'usage' on the 3rd paragraph aligns correclty with the rest of the paragraph but as you can see the word is out of alignment on the web.

Also the text around the picture of the HDTV player is too close to the image. Can anyone please advise how I can get the space to look like it does aruond the other images.

And finally there is a grey bar at the bottom that does not need to be there. I have searched the CSS but cannot find the reference to this bar. Any help would be much appreciated.

Best Regards. John.

[byrd80]

hey johnathan,
the space around the other images comes from the images themselves, there is just more of a border around them.

if you set some padding on your img's, that will move the text away from them, and will also push the text together more and probably fix the "usage" problem.

[Johnathan]

Thanks Byrd,

I have set the padding to 7 and it noe forms a nice space between the image and the text.

Do you have any idea on the other 2 points I have raised please?

Regards. John.

[byrd80]

oh, and the gray bar is an image that you have in there:

images/lb.gif

[byrd80]

hmmm... seems as though the padding you added has made the images in the footer drop down a line.

you'll have to set the padding for just the img's inside the main area.

and try setting up a bit of a margin or padding for the main area as well.. that might help align the text better.

[Johnathan]

Thanks Bryd,

I did actually check the page in Firefox and all looked okay but I see what you are saying in Internet Explorer.

If possible could you advise on how I go about making the changes you recommend please?

Regards. John.

[byrd80]

ok, on .style15, put padding ( or maybe try margin ) on the left and the right. that should bring the text in just a bit from both sides.

as for the images at the bottom, i would write another style for images with no padding. <img class="nopadding"> or maybe put the images inside <p></p> and then assign the nopadding to the <p>

i hope this helps. im still fairly new to web design myself, so alot of it is just experimentation.

might want to put this into the web critiqe forum to have some others look at it as well.

[Johnathan]

thanks for that Bryd,

I shall look into this a bit further.

Regards. John.