17 replies [Last post]
audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

Hello,

I was wondering if there is any way in CSS or otherwise, to block a vistor from downloading an image from a Website. In other words, when a vistor goes to a Website and sees an image they would like to save to their computer, they can simply right click and select "Save As". I would like to prevent a visitor from being able to download an image from my site.

Does anyone know how to accomplish this task?

Thanks,

Audrey

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

It's nothing to do with CSS

It's nothing to do with CSS not is it something to waste much time trying to accomplish, if it's on the web then you are making it public, the nature of code is that it is transferred to the users machine for rendering , you cant stop someone taking/copying what they like.

All you can do is state or re-state the fact (clearly) that you hold copyright on the images (which you do naturally) and possibly also watermark them or register them.

But I'm afraid that it's not a CSS matter nor a coding one really.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

Thanks

Thanks for getting back to me so quickly. I guess watermarking is the way to go, but for some reason I could swear there was a way to prevent users from downloading an image. Oh well.

And yes, I validated my site successfully.

Audrey

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 12 years 33 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

not with css. but you can

not with css.

but you can try a javascript to achieve some sort of cloaking.

like on flickr.

audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

Cloaking?

Ok, this is a new term for me, I'll have to do some more research. However, I did go to the Flickr site and images apparently are downloadable.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Cloaking was I believe a

Cloaking was I believe a technique learnt from the Klingons and used successfully by them to prevent their 'Birds of Pray' from being scanned.

There is a further technique that employs overlaying a transparent gif or png then when the newb tries to right click to save all they can save is the trans gif , but it only works on newbs

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

Thanks for the

Thanks for the information.

While I have your ear, I was wondering if you could help with another problem I've been having.

I just recreated this Website using CSS and am having difficulty position my nav bar AFTER an image. I wound up using the position property, but I know this is not the right way of doing it.

In other words, how can I indent my nav bar or even center it on the page?

To see what I'm talking about, please visit: http://www.stephenrice.net.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Remove position absolute

Remove position absolute from both the image and the nav, do not use it at all until you understand it's true nature and don't let that foul Weaver of Lies try t convince you to.

The div those sit in give an id (no divs without an identifier) also give it the same background color as the logo possibly make the logo display:block the #nav if floated (or otherwise) will sit on the line below.

Float property and position absolute never get described together absolute will cancel a float out

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 12 years 33 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

Hugo wrote:Cloaking was I

Hugo wrote:
Cloaking was I believe a technique learnt from the Klingons and used successfully by them to prevent their 'Birds of Pray' from being scanned.

LOL

I think the hardest image hiding I have ever encountered was when someone use a flash movie to show images. This mean I had to download a flash catcher, then decompile the flash and rip the images.

So in my opinion turning your images into flash would be a good measure since it would be quite laborious to get to them.

vinhboy
vinhboy's picture
Offline
Enthusiast
davis, ca
Last seen: 12 years 33 weeks ago
davis, ca
Joined: 2006-12-21
Posts: 257
Points: 0

oh yea about flickr.. some

oh yea about flickr.. some images can be download, others can't.

surf around, youll see what i mean. when you try to download certain images you will get a "spaceball.gif"..

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

vinhboy wrote:oh yea about

vinhboy wrote:
oh yea about flickr.. some images can be download, others can't.

surf around, youll see what i mean. when you try to download certain images you will get a "spaceball.gif"..

That sounds like the transparent overlay technique, learnt I believe from the Ferengie

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

Yes, I'm well aware of the

Yes, I'm well aware of the difficulty in downloading flash images. However, I thought there must be a better way or a "proper way", rather than that sort of work-around.

audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

Now what?

Yes, I realized that I use "position" incorrectly, but I do love it's flexibility! And thanks for the tip about Float and Position Absolute. I suspected that was the case.

However, I'm back to my original problem. After making the modifications you suggested, my nav is flush with the left of my screen. I would like to know how to push it over to the right without increasing the space between the tabs.

If you could solve that mystery, I would be eternally grateful.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

You can use php and the

You can use php and the gdlib to automatically create a watermark for your images, if you're that anal about people stealing them.

Seriously though, are your images that wonderful that people are going to steal them?

Verschwindende wrote:
  • CSS doesn't make pies

audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

Mr. Pineapplehead, In a

Mr. Pineapplehead,

In a word, YES, the images are that wonderful. In fact, they have been downloaded on many ocassions; thus, the reason I'm trying to stop it from happening.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Then consider watermarking

Then consider watermarking with PHP, along with a copyright notice on all your pages.

You can't stop people downloading it whatever you try - an overlay transparent gif, no right-click scripts, will not stop people if they can just view your source and find the images.

Flash isn't worth it, how many art showcase sites use it? None. Look at DA, they just show the images plain and simple.

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 17 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

audreyrice wrote:Yes, I

audreyrice wrote:
Yes, I realized that I use "position" incorrectly, but I do love it's flexibility! And thanks for the tip about Float and Position Absolute. I suspected that was the case.

However, I'm back to my original problem. After making the modifications you suggested, my nav is flush with the left of my screen. I would like to know how to push it over to the right without increasing the space between the tabs.

If you could solve that mystery, I would be eternally grateful.

Use margin left on the ul.

Position should be used rarely, by and large elements are allowed to flow naturally using the default property 'Static' only using float to move things left and right. Do please be careful using position absolute, it is not as convenient as you may think.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

audreyrice
audreyrice's picture
Offline
newbie
Rockaway, NJ
Last seen: 14 years 6 weeks ago
Rockaway, NJ
Joined: 2007-03-26
Posts: 8
Points: 0

I Got It!

I figured it out on my own . . .it was "Padding-left" in my #nav selector.

Gee Whiz . . I must have tried everything, I don't know why I didn't think of it before.! Thanks again.