html - CSS let text go over image -
you know how tekst (paragraphs) wrap around floated image, so? [see img]
i tekst go on image. in example img below. tried using z-index
, display:inline
neither worked.
this not actual html, looks like;
<img src="" alt="" style="float:right;" /> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nulla sed eros tellus, sit amet ultrices quam. sed quis justo metus, quis gravida orci. vivamus porttitor fringilla massa @ luctus. quisque lacinia diam eget justo tempor vehicula. nulla fringilla libero sit amet tortor bibendum imperdiet. pellentesque in risus vel libero pellentesque hendrerit. suspendisse vehicula fermentum pretium. sed elementum eleifend dolor nec aliquam. nam ac viverra dolor. vivamus vitae ultricies velit.</p>
try:
<div style="position: relative;"> <img src="" alt="" style="position: absolute; top: 0px; right: 0px;" /> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. nulla sed eros tellus, sit amet ultrices quam. sed quis justo metus, quis gravida orci. vivamus porttitor fringilla massa @ luctus. quisque lacinia diam eget justo tempor vehicula. nulla fringilla libero sit amet tortor bibendum imperdiet. pellentesque in risus vel libero pellentesque hendrerit. suspendisse vehicula fermentum pretium. sed elementum eleifend dolor nec aliquam. nam ac viverra dolor. vivamus vitae ultricies velit.</p> </div>
the key absolute
positioning. make sure container has position set (use relative
if doesn't have 1 currently).
(you may need z-index
ing make sure layers correct).
Comments
Post a Comment