Here's what I'm looking for:
Message box that conforms to the size of the text, both width and height
(text will be dynamic).
Drop Shadow will conform to the size of the message box, both width and
height.
Right side of the Message box to be 2% or about 8 to 10 px from the
right hand edge of the page content.
Shadow to be black, with square edges. Do not need, or want the
"feathered" edges.
I have read, and started with, "All about CSS Drop Shawows, by John
Gallant and Holly Bergevin.
But I can't get my shadow box to be the same size as the message box,
and then show as a shadow.
Here is where I am so far: www.ggshows.com/DisplayPageTEST2.asp
Here is the CSS:
#topmessageshadow {
position: absolute;
right: 8px;
top: 35px;
padding: 3px;
font: Geneva, Arial, Helvetica, sans-serif;
font-size: .7em;
font-weight: bolder;
background-color: #000000;
}
#topmessage {
position: absolute;
right: 3px;
top: -2px;
padding: 3px;
background-color: #fff;
border: 1px solid #000;
color: #111111;
}
And the html:
< div id="topmessageshadow">
Make your plans now to enjoy our next big show!
< div class="halfspace">< /div>
Sonoma County Fall Home Show, only eleven days from now!
< div class="halfspace">< /div>
Friday, Saturday, Sunday, Sept 15, 16, 17, 2006
< div class="halfspace">< /div>
Sponsored by Press Democrat & Friedman's Home Improvement
< div id="topmessage">
Make your plans now to enjoy our next big show!
< div class="halfspace">< /div>
Sonoma County Fall Home Show, only eleven days from now!
< div class="halfspace">< /div>
Friday, Saturday, Sunday, Sept 15, 16, 17, 2006
< div class="halfspace">< /div>
Sponsored by Press Democrat & Friedman's Home Improvement
< /div>
< /div>
Thanks,
Vic
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
