|
|
Posted by Jukka K. Korpela on 07/15/07 07:35
Scripsit dorayme:
>>> http://tinyurl.com/2dcgfx
>>
>> Basically such line is easiest way to do it!
>>
>> <img style="border: 2px solid rgb(102, 102, 102); float: left;
>> margin: 15px;" src="camelSkinTrader_files/smallCamel.jpg" alt="a
>> camel" height="200" width="146">
This seems to be a quotation from the page mentioned; its real address is
http://members.optushome.com.au/droovies/binHassad/camelSkinTrader.html
>> Many thanks!
>
> You remind me to add a couple of px or so padding too to allow
> some grace...
Well, wouldn't it be simpler to use your favorite image processing program
to add a border to the image itself? Then you would see the bordered image
before putting it onto your page, and you would be reminded, by your own
eyes, about the need to add some padding between the camel and the borders.
This would cost a few bytes in image size, but on the other hand, you would
not need the CSS code for padding and border. Besides, your image would
appear with the border even when CSS is off.
You get 5 minus points for alt="a camel". It results on those silly words
appearing between paragraphs of text, when the image is not displayed, for
one reason or another - i.e., in the situation for which the alt attribute
should be written for! The correct value is alt="" (i.e., empty string). You
are allowed to add title="a camel", if you think that someone who sees the
image might not recognize it as a camel and might accidentally wave his hand
so that the pointer moves over the image (and might actually notice the tiny
"tooltip"). But you are allowed to do this only after reading and
understanding the treatise on alt texts:
http://www.cs.tut.fi/~jkorpela/html/alt.html
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/
Navigation:
[Reply to this message]
|