What’s Your Preference?

rosserx · #1 (**permalink**) 09-29-2009, 09:59 PM

By default, linked images have a border around them. You can control this by making an attribute within the IMG tag (see example below). When you write: border="0", the number represents the thickness of the border in pixels. Zero equals no border.

This comes in handy when you want to present your image nicely using a simple drop shadow for example. When preparing your image in photoshop don't forget to match the background layer to the color of the webpage!

and it should look like this...

wulf · #2 (**permalink**) 09-30-2009, 09:02 AM

It works but I'm not sure it is worth the effort - at some point, the colour of DPS could change (or even allow user selected schemes) and it means the picture probably won't display so well where you host it. Anyway, the border affords a clue that the image links somewhere else for viewing at a larger size.

You could always add a faux-shadow:

That uses: style="border: 1px solid #aaa; border-width: 0 3px 3px 0"

Wulf

rosserx · #3 (**permalink**) 09-30-2009, 03:06 PM

Quote:

Originally Posted by wulf

It works but I'm not sure it is worth the effort - at some point, the colour of DPS could change (or even allow user selected schemes) and it means the picture probably won't display so well where you host it. Anyway, the border affords a clue that the image links somewhere else for viewing at a larger size.

You could always add a faux-shadow:
That uses: style="border: 1px solid #aaa; border-width: 0 3px 3px 0"

Wulf

Yes very true, its not adaptable to any other scheme but this. I hadn't thought of DPS possibly changing schemes or even user controlled schemes (now that would be fun!) That is an excellent suggestion using style to create a shadow. Its just my personal quirk. I don't like borders. I find them distracting to the image. But that's just me...

Ram8982 · #4 (**permalink**) 09-30-2009, 07:17 PM

well i have a better idea for the shadow .. the first one ..

u don't have to adjust the background same color as the webpage .. as Wulf said .. the background might be changed any time ..

then the solution is Transparent .. make ur photo with the shadow effect in photoshop .. and then totally remove the back ground ..

when u save as for web .. choose file type *.png-24 (it has to be 24 bit .. it won't work with 8 bit) and check mark transparent checkbox ..

and Viola!! it will work with the shadow even if DPS (or any other website) changed the back ground everyday .. i won't use to change any thing ..

wulf · #5 (**permalink**) 09-30-2009, 07:29 PM

That won't work from Flickr. I think you can access the original version as a PNG but resized version will be JPEG. You could of course use a different host.

Wulf

Ram8982 · #6 (**permalink**) 10-01-2009, 05:33 AM

I dunno wuat happen .. just yesterday it was working on my laptop ..

but today when i came to work .. it's not there ..

But as U said WULF .. I guess i need to host it some where else ..

wulf · #7 (**permalink**) 10-01-2009, 06:16 AM

Still showing here.

If you were an ubergeek, you could pull the image into a web server (possibly from Flickr or another source), add a translucent drop shadow, resize to be no more than 800px on the longest side and then serve it up to requesting clients as well as giving you the code to easily embed here....

I think I can probably live with the default borders though

Wulf