border around images!

.oO(Harlan Messinger)

"Michael Winter" <M.Winter (AT) blueyonder (DOT) co.invalid> wrote

In this case

'border-top', 'border-right', 'border-bottom', 'border-left'

Value: [ <'border-top-width'> || <'border-style'> || <color> ]
| inherit

because the values (except inherit) are separated by double bars (||),
they may appear in any order.

Thanks. The delimiter specifics had escaped me. That's good, one less thing
(the order) to memorize!

Yep, in this case. But there are cases (the 'font' shorthand property
for example) where the order is important.

Micha

Beauregard T. Shagnasty schrieb:

Oliver wrote:

Hello i want to get a nice border around images, but not just with the
simple <img src"....." border="1"> tag.
I tried it in CSS.


.img_class {
border: 1px solid #999999;
}


I use this, and it looks ok.

.imgborder {
border-top: 3px outset #d0d0d0;
border-left: 3px outset #d0d0d0;
border-right: 3px outset #a9a9a9;
border-bottom: 3px outset #a9a9a9;
}

Sometimes I use this - looks like a picture frame:

img.inframe {
border: inset 0.35em #999;
}

Hi,

i've never seen inset or outset. Which CSS Version ist that?

Steve Pugh schrieb:

On Mon, 15 Nov 2004 13:31:52 +0100, Oliver <oliver_summa (AT) web (DOT) de
wrote:


Hello i want to get a nice border around images, but not just with the
simple <img src"....." border="1"> tag.
I tried it in CSS.
I did the following:

div class="img_class"
img src="./images/img1.jpg" border="0" alt="img1" /
/div


That's a very poor alt attribute. Try something that will actually
serve as an alternative to the image for those users who can't see it.

That's not the real Alt Attribute, just typed in quickly something so u
see what i mean.

And in my css i have:

.img_class {
border: 1px solid #999999;
}

It doesn't work 100% as i want it, as the distance to the image from the
bottom border is off. There is some empty space. Even adding margin:0px;
and padding:0px; didn't help.

Anyone a solution for this?


Why are you specifying a border on the div and not on the image
itself?

img src="./images/img1.jpg" class="foo" alt="something sensible" /

.foo { border: 1px solid #999999; }

I didn't know i can apply it straight to the image, but thanks. It did

do the trick. Cheers

"Oliver" <oliver_summa (AT) web (DOT) de> wrote

Hi,
i've never seen inset or outset. Which CSS Version ist that?

CSS 1.

*Oliver* <oliver_summa (AT) web (DOT) de>:

I didn't know i can apply it straight to the image,

Where/how did you learn CSS then?
I really want to know, because there seem to be many mislead people like
you.

--
"Music is essentially useless, as life is."
George Santayana

Christoph Paeper schrieb:

*Oliver* <oliver_summa (AT) web (DOT) de>:


I didn't know i can apply it straight to the image,


Where/how did you learn CSS then?
I really want to know, because there seem to be many mislead people
like you.

Never really learned it.

I just browsed webpages and read code and learned from existing code.
That's how i approach most languages. I can understand and read code
pretty well. It's quicker to get results and i have to use multiple
languages/scripting languages at the same time. No real time for me to
learn it from the start.