Dreamweaver - crazy image border problems with css

Author

crazy image border problems with css

Jzart2002

2004-06-09, 7:14 pm

I have posted earlier on this subject but I am still having problems. I have
also try to search this problem on the search engines but I can't find any
problems like mine. If I use css to add borders to my images, the images become
distorted.

My css distortion can be view here.
http://lisadarelli.com/pages/competitiongallery.htm

Someone earlier gave me some code to add to my images. I did that which I
probably did it wrong because my images still have no borders.

I added the new code here on the first image.
http://lisadarelli.com/pages/studiogallery.htm

There are a couple of images with borders only because it is part of the
image. When I compress the image to much it makes the borders look really bad.
I thought I could add a border through the html code or through css. Please
tell me what I'm doing wrong.
Many thanks, Janet

trx

2004-06-10, 4:14 am

On Wed, 9 Jun 2004 22:07:15 +0000 (UTC), Jzart2002 wrote:

> Someone earlier gave me some code to add to my images. I did that which I
> probably did it wrong because my images still have no borders.
>
> I added the new code here on the first image.
> http://lisadarelli.com/pages/studiogallery.htm

Try it this way:

<td height="235"width="175"><img src="S1013000.jpg" width="175"
height="235" style="border: 1px solid #CC3300;"></td>

In addition to changing the code, I changed the color to make it brighter
and to match your red text. I could barely see the color you were using
against the dark background. Also, it would be better to put this in your
external stylesheet. You could simply amend class .redpictureborder as
follows:

..redpictureborder {
border: 1px solid #CC3300;
}

And then apply it to the image tag thus:

<td height="235"width="175"><img src="S1013000.jpg" width="175"
height="235" class="redpictureborder"></td>

--
trx

Jzart2002

2004-06-10, 4:14 am

That worked. Thanks so much,
Janet

Jzart2002

2004-06-10, 4:14 am

That worked. Thanks so much,
Janet

trx

2004-06-10, 4:14 am

Jzart2002 wrote:

> That worked. Thanks so much,

You're welcome. Good luck with your site.

--
trx

Michael Fesser

2004-06-10, 12:14 pm

.oO(trx)

>.redpictureborder {
> border: 1px solid #CC3300;
>}

And if you want a green border instead of a red one? Change the class
name? A class name should never contain presentational information.

>And then apply it to the image tag thus:
>
><td height="235"width="175"><img src="S1013000.jpg" width="175"
>height="235" class="redpictureborder"></td>

Instead of applying a class to each and every image it would be better
to apply _one_ class to one of the parent elements (for example the
table) and use descendant selectors to style the images.

Micha