Am 21.02.2012 23:49, schrieb Rory Bernstein:
hello,
http://everydayathlete.com/home/index_banner
I have a box that has a transparent background, div id="trans_box". It is the
orange box that sits on the top, large photo on the page.
I want the text in this box to be at full opacity (not transparent). Possible?
Is it necessary to have it be in a separate div that sits on top of the orange
div? If so I can't imagine how to do that.
Also, there is a dark strip under the orange, transparent box. I cannot figure
out what is causing this strip, how to get rid of it.
Last, is there a way to have the box that contains the large image as a
background not have fixed height? So that I can stick images of different sizes
in there and not have to change the box height.
Thanks,
Rory
______________________________________________________________________
css-discuss [[email protected]]
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/
Hello,
as for the dark strip: that's from the div#main-home having
"border-bottom: 5px solid #333333;"
For the transparency problem: Instead of having the span with the text
within the transparent div, you could place both next to each other and
embed them in another div:
<div id="newDiv">
<div id="trans_box"></div>
<span>...</span>
</div>
The span would have to be positioned absolutely within the div#newDiv of
course.
Third question: I am not sure which box you mean. div#main-home?
Best regards,
Christian
______________________________________________________________________
css-discuss [[email protected]]
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/
