Images

[Dariune]

Hi all
Firstly i would to say im new to web developement (so new im still using a CMS) and so please be patient with me if i sound stupid to you more learned types :)


I am trying to protect my images and so have saved the image as a background in a table and put a blank image over the top of it. Probably all standard stuff. however, when i look at it, despite specifying the pixels etc i just cant seem to stop the image from over lapping the table.

Have a look here to see what i mean my problem (www.dragonstouch.co.uk/page22.htm)

Any help would be greatly apreciated.

Thanks in advance
Lex

[Fang]

A pointless exercise, http://www.webdeveloper.com/forum/showthread.php?t=86138&highlight=protect+images

[Dariune]

i diisagree, it cuts down the amount of people who can save the images. most dont know how to avoid it and even then you have to know you have saved the wrong image.

I am aware that it is impossible to fool proof images but after speaking with my artists this is the way they want their images protected.

However i am stuck on this hurdle.

Anyone able to help?

[Centauri]

I'm not sure why you are overcomplicating this with those tables and numerous divs - this can be done with an unordered list, with the <li>s containing the blank image (all the same size), and the artwork being applied to the <li> background and centered.

[Dariune]

Oooh that sounds like thats something i need to do.

When i was having a look for what to do i visited this page: http://javascript.about.com/library/blimgprot1.htm

Using that as a guide i then created this:

<table cellspacing="0" cellpadding="0" background="http://www.dragonstouch.co.uk/userimages/OakdragonCR2.jpg" border="0">
<tbody>
<tr>
<td><img height="377" alt="Oakdragon" src="http://www.dragonstouch.co.uk/userimages/Blank(1).gif" width="520" border="0" /></td>
</tr>
</tbody>
</table>

Could you elaborate on your idea for me?

I realise i probably sound stupid to you but i am just trying to learn :)

[kiwibrit]

i diisagree, it cuts down the amount of people who can save the images. most dont know how to avoid it and even then you have to know you have saved the wrong image.

I am aware that it is impossible to fool proof images but after speaking with my artists this is the way they want their images protected.

However i am stuck on this hurdle.

Anyone able to help?

I disagree with your disagreement. If they know nothing else, most who want to copy your images know about Print Screen. Bluntly, the only way to protect your images is not to publish them on the web. Tough, but that's the way it is.

[Dariune]

Thats true, i agree with that. But sometimes its necessary to show images on the web. These artists earn their money by doing so. They dont want to mar their art by water marking it. There for what im doing is a must.

[Centauri]

This is the way I would approach it - an unordered list. html:<ul id="gallery">
<li class="art1"><img src="userimages/Blank(1).gif" alt="" />Oak Dragon</li>
<li class="art2"><img src="userimages/Blank(1).gif" alt="" />Pursuit</li>
<li class="art3"><img src="userimages/Blank(1).gif" alt="" />Wood</li>
<li class="art4"><img src="userimages/Blank(1).gif" alt="" />Companionship</li>
</ul>
and the css:#gallery {
padding: 10px;
width: 520px;
}
#gallery li {
list-style: none;
background-position: center top;
background-repeat: no-repeat;
text-align: center;
font-size: 24px;
margin-bottom: 30px;
}
#gallery li img {
display: block;
width: 520px;
}
#gallery .art1 {
background-image: url(../userimages/OakdragonCR2.jpg);
}
#gallery .art1 img {
height: 377px;
}
#gallery .art2 {
background-image: url(../userimages/PursuitCR.jpg);
}
#gallery .art2 img {
height: 380px;
}
#gallery .art3 {
background-image: url(../userimages/WoodCR.jpg);
}
#gallery .art3 img {
height: 390px;
}
#gallery .art4 {
background-image: url(../userimages/CompanionshipCR2.jpg);
}
#gallery .art4 img {
height: 698px;
}


As the image filenames are in the css and not the html, it means anyone wanting to copy and paste the filenames needs to search the css files - doesn't stop anyone who knows where to look, but may confuse novices. I would also recommend a different filename for the blank image - "Blank(1).gif" looks a bit obvious when it is copied.

[Dariune]

Hey thanks Centauri, i apreciate your help.
as you can see, most of my replies have been people telling me not to do something i need to do.

However i have one final question if you have the time.

I am currently using a CMS (while i found my feet with Dreamweaver and HTML) and when i convert to doing the whole site myself (which wont be too long as i feel i am almost ready) i will do as you have suggested.

However, at the moment i have no control over the css (which was my initial reason for wanting to do the site in dreamweaver) and so for now i have to do the images in tables.

Any ideas for what im doing wrong to get the over lapping?

[kiwibrit]

Hey thanks Centauri, i apreciate your help.
as you can see, most of my replies have been people telling me not to do something i need to do. ...........


But can't.

[Dariune]

Why? ive seen other sites that do it. Including the one i pointed out above.

[Centauri]

However, at the moment i have no control over the css

Which is why a CMS should be for users to update site content, not for authors writing one....

Maybe an inline style may work :<table cellspacing="0" cellpadding="0" style="background: url(userimages/OakdragonCR2.jpg) no-repeat center top; border: 0;">

[kiwibrit]

Why? ive seen other sites that do it. Including the one i pointed out above.

Open a page on any site - including one with 'protected' images. Hit the Print Screen key. Open up any photo-editor - Windows Paint will do. File|New. Ctrl+V. It's that simple to get a reasonable quality image for web purposes (though one could resort to meaner tricks to get the best possible image).

Forget it.

[Major Payne]

Lex: Don't listen to the negativity. Satisfy your clients and do it the way they want it done. You have explained the pros and cons to them so go with what they want done. A proper watermark done professionally shouldn't mar or degrade the images being shown on the web. The right watermark can not even be seen and the image is registered. These aren't originals that will be marketed, just images made for web display at the highest quality possible right?

Ron