Skip navigation

Dreamweaver CC

Currently Being Moderated

Need div/CSS help getting text to flow around photo

May 11, 2012 9:59 AM

Hi, I'm new to the whole div/CSS thing, what I'm trying to do is have a photo to the right of my page underneath the menu bar, and then have text go from the left of the page and wrap down once it gets to the photo (with padding on the photo so the text doesn't run all the way to the border of the photo) and then when the text gets below the photo have it go all the way across the page. How would I accomplish this? Thanks!

534 Views 3 Replies Latest reply: xslamx, May 14, 2012 10:03 AM

Replies

Currently Being Moderated

1. Ken Binney,

May 11, 2012 7:20 PM in reply to xslamx

Report

Add this rule to your CSS

.imgfloatright {

float: right;
margin-left: 15px;

}

And apply that class to the image

The HTML would be

<img class="imgfloatright" width="350" height="236" src="images/imgname.jpg">

|
Mark as:
Currently Being Moderated

2. Nancy O.,

May 11, 2012 3:59 PM in reply to xslamx

Report

Floats & Margins
http://alt-web.com/DEMOS/CSS2-Captions-on-floated-images.shtml

Nancy O.

|
Mark as:
Currently Being Moderated

3. xslamx,

May 14, 2012 10:03 AM in reply to Ken Binney

Report

Worked great, thanks!

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points

Dreamweaver CC

Need div/CSS help getting text to flow around photo

May 11, 2012 9:59 AM

More Like This

Bookmarked By (0)

Answers + Points = Status