Previous Message
Next Message

opacity problem

Sent by Christian Kirchhoff on 21 February 2012 22:10


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-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/

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-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/
Previous Message
Next Message

Message thread:

Possibly related: