|
|
|
Forum Newbie
Group: Forum Members
Last Login: 5/9/2008 10:32:10 AM
Posts: 3,
Visits: 16
|
|
Hi everyone,
This is an amazing site and have learned so much from all of you in the past week. I'm new to xWeb, but not to web design. I'm a student of Frontpage, but this is the first time I've used divs and I've fallen in love. Dustin, the videos are amazing... I'm sure that's not the first time you've heard that. Thank you.
I'm redesigning my business' website, because frankly it's a mess. While I have several items I'm in the process of figuring out... the one I'd really like to get a handle on is the following:
I've centered a footer content div (footerContent; how original, huh?) to the center of a parent div (footer) using the auto margins for the left and right. Great no problems... but I'd like to insert a div (contentShadow) that will sit to the right of the footerContent div where I will insert an image to give the appearance of a shadow. This seems to be a popular thing to do but I just can't figure it out. I've thought about inserting a div behind the footerContent div and for it to protrude just enough on the right for the shadow image to fall to the right of the footerContent div, but I haven't had any luck with that... I've tried floating the shadow div, but it won't snap to the right edge of the footerContent div because it has no floating settings like what we saw in the floating divs video tutorial. Help?
Here's the code for that section
<*div style="background-position: top; position: relative; height: 100px; z-index: 4; margin-right: auto; margin-left: auto; background-image: url('photos/chromaline.jpg'); background-repeat: repeat-x; background-color: #FFFFFF;" id="footer">
<*div style="position: relative; width: 900px; height: 100px; z-index: 4; margin-right: auto; margin-left: auto; background-color: #FFFFFF;" id="footerContent">
<*div style="position: relative; width: 100px; height: 100px; z-index: 5; float: left; background-color: #CCCCFF;" id="contentShadow">
p.s. Please note I have not inserted the actual shadow image into the div yet.
Thanks for any advice!
|
|
|
|