css and images

[Don Logan]

Hi, I'm in the process of revamping a page in order to use CSS and DIVs instead of tables.

The new page thus far is jagprops - prop makers . set designers & builders . interior decorators . bespoke furniture makers and the CSS page is http://www.jagprops.co.uk/jagprops.css.

If you have a look at the page you'l notice gaps between the pics on the left, which I can close up by putting align = "top" in each image tag but I would like the CSS to do this, I have tried vertical-align: top; but this is having no effect.

Also the last image has a border round it which i can remove by putting border="0" in the image tag, but again i would like CSS to do this. Where am I going wrong?

Don

[akinto2006]

First of all... the border around the image can be fixed by by modifying this part of the code:

class = "picaligntop"
src="services.gif"
style="filter: alpha(opacity=100); border-style: solid; border-color: #FFCC99"
onmouseover="nereidFade(this,10,50,15)"
onmouseout="nereidFade(this,100,30,10)"
width="113" <-- change to "102"
height="20"


Secondly....
the spaces can be fixed by assigning a font size to that particular space like maybe 10pt or smaller. The cell is adjusting to the css' font size and will not allow cells smaller than that. You can also try specifying a background color rather than putting an image. It saves time in loading that way.

[dalewazhere]

well if you didnt get the full help you needed just PM me I think these guys pretty much covered it though

[Krishnaswamy]

In your main page try to test this:
<!--<br>-->
<!--<img class = "picaligntop" border="0" src="filler.gif" width="113" height="14">-->

This should close up the gaps.