html文章の画像保存禁止ができない件

menuに戻る

北海道大学の情報実習の課題をやっていて (このwebページをつくっているときなんだけれども笑) 写真などの画像の転載を禁止するために 画像保存の禁止のスタイルシートを作ったのだが、 それがどうしてもうまくいかない!!!

なぜだ!!??

画像の保存禁止と、画面中央に配置するようなスタイルシートを 作成した。
しかし、それをhtml文章のbody要素にタグをつかって表示させようとしても、 画像保存が禁止されても中心に表示されなかったり、 中心に表示されても画像保存が禁止されなかったりしてしまい、 自分として納得できるwebページをつくることができなかったorz

TAに聞けばいいだって?

いやいや、こういうのは何か意地になって自分でやりたくなるのが 自分のせいかくなんですよ〜笑
しかたなくうまくいかない状態で提出するけど諦めてTAに聞くしかないかなぁ笑

ちなみに作成した文章は以下のようになってます(・・)

#スタイルシート
div.sample{
position:relative;
width:400px;
text-align="center"}

span.guard{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(../imag/spacer.gif)

#body要素
<div class="sample">
<span class="guard"></span>
<img src="写真の保存場所" width="400px">
</div>