[Redcap]

This might just seem like a graphics thread. It's not; I'm having problems (i.e., getting a handle on understanding how to) implementing the HTML/CSS2 for the new site look I have planned!

In a thread on the "Concept, Layout, and Graphics Design" forum, thread entitled [url=http://developers.evrsoft.com/forum/showthread.php?s=&threadid=1129&pagenumber=4]"Help on a catchy logo?"[/url] DCElliott and Animgirl gave me a heck of a lot of help; I'm hoping you folks can do the same for a very confused person - me!

Specifically, DC mentioned:

Originally posted by DCElliott
Just thought of sumpin' else.

You might consider CSS layering - it can be very effective. Animgirl and I came up with a really neat effect on a site she has been doing for a vocal group. The masthead has 4 layers counting from back:
#1 background
#2 text with faint glow effect
#3 R-side picture
#4 L-side graphic text

These layers slide together as the page is resized. You can see it
[URL=http://www.alliancemusic.org]here.[/URL]

You could do a similar thing if you had practical and the reticule on one side and Airsoft on the right and the mid-part of the horizontal line as a background with an x-repeat that would stretch with resizing.

SNIP

A couple of things confuse me. In the site DC mentions (Alliance Music), I cannot figure out, having seen the HTML and CSS source, how the graphics in the foreground overlap, without becoming messed up, i.e., there aren't any Z level instructions, so how the heck does the left foreground image slide so nicely over the right side graphic in lower sized screens?

Secondly, DC mentions (in relation to the final image we devised for the new look to my own site, thread link at the top of this post) that a similar effect can be attained on my own site, using css layering and positioning. Now, the problem that most immediately springs to mind is the background of the image, which is on two layers in the source Fireworks PNG file.

The source file can be exported into different layers easily enough - fireworks allows layers to be constructed, so 'hiding' layers on export will allow easy image generation from source.

The layers in the image, by the way, are (topmost first):
#1 Vector lines
#2 Lettering
#3 Moss background
#4 Contour background

Layers 1 and 2 can easily be adjusted to suite; however, given that layers 3 and 4 fade into each other, is it possible to have the same effect as the foreground 'sliding', in a background, and is the principle and execution in CSS layering the same?

TAI!

Confusedley,