image border class

[pony]

I'm having trouble setting a class to allow me to give images a border of 7 pixels

img.border7 {
border-width : 7;
}

Why is this not working with <img src="foo.jpg" class="border7" /> ?

[creole]

You define a border like so:

.border7 {
border: 7px;
border-style: solid;
}

call it like so:

<img src="foo.jpg" class="border7" />

YOu have to TELL the browser that there is actually a border in addition to telling it how wide the border will be.

By the way, you might consider leaving off the img part. That way you can use that class on any other element as well.

[pony]

Thanks Creole. That's about the only irritating thing about separating style from content. Some things that were so simple before are a bit more complex.