dslreports logo
 
    All Forums Hot Topics Gallery
spc

spacer

Search Topic:
uniqs
1201
share rss forum feed

GraysonPeddi
Grayson Peddie

join:2010-06-28
Tallahassee, FL

CSS3/HTML5: Wrap Text Over Reflected Part Of Image

Click for full size
Consider that I have a CSS code:


I have an HTML code:


I have an image attached to my post. The second paragraph is highlighted in yellow.

I want to have the rest of the paragraph overflow the lower half of the image. Is it possible to accomplish something like this?

--
Phone: Yealink SIP-T22P + CSipSimple in Optimus V
Phone System: Asterisk 10.1; Server: Debian Sid+Exp

I'm in heaven with VoIP except for 3G wireless.


cdru
Go Colts
Premium,MVM
join:2003-05-14
Fort Wayne, IN
kudos:7
Absolutely position the image and reflection at it's currently location behind the normal flow of text. All the text will show overlaying the image. Add a empty floated left div to the right that has the same height and width that you don't want the text to be overlayed. It's not the most ideal as you mixing presentation and content in the HTML, but it works.

GraysonPeddi
Grayson Peddie

join:2010-06-28
Tallahassee, FL
Click for full size
I got it. Thanks.


--
Phone: Yealink SIP-T22P + CSipSimple in Optimus V
Phone System: Asterisk 10.1; Server: Debian Sid+Exp

I'm in heaven with VoIP except for 3G wireless.


cdru
Go Colts
Premium,MVM
join:2003-05-14
Fort Wayne, IN
kudos:7
I find the text that overlays your reflection quite difficult to read due to the black text on a dark colored background. I also feel as if it runs too close to the bottom of the image. I personally would have more of a gap between the text and the non-reflected portion of the image and/or have a lighter reflection. Just my .02 worth.