Sent by Wade Smart on 30 July 2008 22:10
Matthew Stoneback wrote:
> Good afternoon -
>
> I hate to ask this but I have a dilemma I am hoping some more experienced
> CSS coders can help me with. I was asked to help a local church in coding
> their website. They have a designer who is producing all of the layout,
> unfortunately the designer is not making my job very easy. The design so
> far is very graphic oriented. The first file I was given to code was the
> "landing page." I have attached a link to the two versions of it to this
> post (.jpg image).
>
> http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page.jpg
>
> http://dev.eddysound.com/dev/rrc/design_help/RRC%20Landing%20Page%20-%20Glow.jpg
>
> The first image is how the design should look when you arrive to the site,
> the second image shows the "over" states (all of them are glowing at once).
> The over state will appear behind the text on hover. Only the circle
> directly behind the text will glow. I was thinking an image swap might be
> the anwser for this effect.....
>
> I started to code the site and got this far:
> http://dev.eddysound.com/dev/rrc/ It has an extremely slow load time due to
> the rather large circular image.
>
> Basically, can anyone give me advice as to how they would go about laying
> this page out in valid CSS and XHTML?
>
> If this is too far off topic for this list, please let me know or remove the
> post.
>
> Thanks in advance for any help or guidence.
>
> Matt Stoneback
> Owner, Eddy Sound, LLC.
20080730 1629 GMT-6
What you might look into is when in hover, showing a second image. Like, when
the mouse moves over the "before you attend" it switches the graphic out for
another one with the extra glowing circles.
Wade
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
