OK so I made a template and it works. With one reservation.



1. I have named the main image in a template as "page".

2. I have designated this image to move itself up 14 pixels relative from within an external CSS file.

3. I then create the files contained in the site and examine them. The image does not move up!

4. If I manually edit each file and name the image as "page" and then link the external CSS file everything works.

All the relative statement accomplishes is to move the image up somewhat so that when a rollover initiates the rollover image slightly overlaps the "page" image. Both files can be viewed at:

<http://brethrenarchives.com/fantasy/test/template1.html>
<http://brethrenarchives.com/fantasy/test/000b.html>

Thanks in advance.

Murray,

First let me say thank you for the reply.

Secondly I finally figured out what was going on — operator error. I can be dense.

GoLive generated the code as displayed in the two files with some manipulation by your's truly. What I finally did was to delete the generated files and start from scratch with what I knew worked — the template.

After generating a couple of pages, just to test the page-to-page linking, everything worked just fine. Oddest thing.

Now if I can just figure out how to move the link between the previous and next buttons into the external CSS file. <grin>

Wayne

> Now if I can just figure out how to move the link between the previous and
> next buttons into the external CSS file. <grin>

I'll save you the trouble! You can't. 8)

--
Murray

Murray,

> Now if I can just figure out how to move the link between the > previous
and next buttons into the external CSS file. <grin>





I'll save you the trouble! You can't.




You raised the gauntlet. <grin> Yes you can move an image into an external CSS file but it took me a couple of days to figure out how. It does involve a little trickery and some persistence but in the end it was worth the effort. I learned how to do something on my own.

The problem. How to move a graphic that you have worked hard on into a place where it cannot be "lifted" from your site. Apparently the only logical place would be into an external CSS file. The solution does not allow the use of a "Smart Photoshop" image.

The solution. And this is a little involved. You first design your graphic in Photoshop and downsize it to a size suitable for viewing on your site. Save it as both a PSD (full sized) and as a PNG ot JPG (for web use) properly sized.

Make note of the pixel dimensions of the web file as this may come in handy. I used the file name of "bottom" because that is where it is on the page I am working on. Create a duplicate with the name "blank_bottom" and erase everything in the image. Save both files. You now have two files of the same dimensions, one the actual image and the other blank.

Place your blank image on the web page. Give it a "Name & ID" of "bottom". Now open your external CSS file and "Create a style that applies to unique elements", in other words an ID, and name it "bottom". In this element assign to it the file "bottom" for a background.

Now when someone uses the other mouse button and copy the image they will be copying the blank image and not your cherished image you have worked hours on.

Yes it is a hack but it appears to work in Internet Explorer. There is probably an easier way to do the same thing but for a person who does not know how to do involved coding this works.

It would be interesting to know if this works in Dreamweaver or in some other graphical design program. Or for that matter is it usable by hand coding!

Wayne Webb

I hate to tell you this, but there are plenty of other ways to 'lift' an image than right-clicking It's been said a million times, if you don't want people to have it, don't put it on the web.

Hmm - your explanation has nothing to do with my gauntlet. And further, in
my opinion, it's a big waste of time to event contemplate trying to protect
images on the web. If your visitor can SEE the image, they already have it
on their computer.

There is no way to express a LINK in a CSS file.

--
Murray

To Kath & Murray,

Thank you both for your responses. I have been formulating a proper response which accounts for the delay.

My comment about "the gauntlet" was meant as a thank you for enducing me to play with the idea. My comment had more to do with placing the reference for a graphic in the CSS file instead of having it in the page being viewed.

I understood that you cannot have a link in a CSS file. But then I seem to recall seeing something along the line of a tutorial in one of my magazines about doing it using a reference to an HTML file instead of a graphic. Or was it by using a Flash file. So much running around in my mind it is hard to recall exactly everything I have read in the past.

As for Kath's comment about "lifting" of images I already knew that.<grin> But that does not mean that we should make it as easy as, "Here is the link to download all the files on this site in either a ZIP or PDF file".

The little method I described does work. If you use the right click technique, copy the file and then open a new file in Photoshop all you get is a black background. Of coure this means that you do not have "no right click" script running. The simple coding I figured out works but does add a little extra effort on my part. I am satisified with the results. The "no right click" gives a little extra cushion.

Kathy is absolutely 100% correct. It was fairly easy to copy the page using several of my screen capture programs. And I am sure there are a multitude of free-ware versions out there. But again we as coders (myself being a journeyman) should not make it easy.

Again, thank you each for your responses.

Wayne

And from me

Ah Shucks!

Wayne