Site Layout and Usability

Dreamweaver wrapping text around Pics

Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Sep 2005

Posts: 6

Reputation: carlco9020 is an unknown quantity at this point

Solved Threads: 0

carlco9020 carlco9020 is offline

Offline

Newbie Poster

Dreamweaver wrapping text around Pics

Sep 24th, 2005

I have a small problem. I want to make a basic page with an image in the upper right hand corner with the text wrapping around it. I cannot seem to figure this out. I am not a newbie to web design so I feel like a dunce.....

•

Join Date: Jun 2005

Posts: 2,047

Reputation: Rashakil Fol is just really nice

Solved Threads: 139

Rashakil Fol Rashakil Fol is offline

Offline

Super Senior Demiposter

Re: Dreamweaver wrapping text around Pics

Sep 24th, 2005

•

Originally Posted by carlco9020

I have a small problem. I want to make a basic page with an image in the upper right hand corner with the text wrapping around it. I cannot seem to figure this out. I am not a newbie to web design so I feel like a dunce.....

You want the image to be a background image.

Now, learn HTML and CSS, or else you will be lost and confused for the rest of your web design spree.

•

Join Date: Jul 2005

Posts: 69

Reputation: bkendall is an unknown quantity at this point

Solved Threads: 0

bkendall

Offline

Junior Poster in Training

Re: Dreamweaver wrapping text around Pics

Sep 26th, 2005

I think what you are looking for is an "align=" inside your image tag. This can be done painlessly in dreamweaver. First add your image to the page and in the layout mode you should see it on the page. Next click on the image and in the properties pane at the bottom you should see a box that says align in the bottom right simly select your poison from there and it will align the image. you should now select code view and see that it added an align='''' property to the image tag.

•

Join Date: Jun 2007

Posts: 1

Reputation: lord ashley is an unknown quantity at this point

Solved Threads: 0

lord ashley lord ashley is offline

Offline

Newbie Poster

Re: Dreamweaver wrapping text around Pics

Jun 14th, 2007

This doesn't seem to work for me. I have the same issue, and this solution leaves the image in line with text. I'd like the text to wrap around the image without creating a large gap between lines. This would be similar to the text wrapping in Microsoft Word.

•

Join Date: Jan 2007

Posts: 3,210

Reputation: MidiMagic has a spectacular aura about

Solved Threads: 165

MidiMagic

Offline

Nearly a Senior Poster

Re: Dreamweaver wrapping text around Pics

Jun 14th, 2007

The align= attribute is deprecated. Use the style float: right; in a stylesheet class used in the img tag or in a style= attribute in the image tag.

Daylight-saving time uses more gasoline

•

Join Date: Jul 2009

Posts: 1

Reputation: jelliott89 is an unknown quantity at this point

Solved Threads: 0

jelliott89 jelliott89 is offline

Offline

Newbie Poster

Re: Dreamweaver wrapping text around Pics

Jul 9th, 2009

•

Originally Posted by carlco9020

I have a small problem. I want to make a basic page with an image in the upper right hand corner with the text wrapping around it. I cannot seem to figure this out. I am not a newbie to web design so I feel like a dunce.....

I find an effective and easy way to text wrap is by using borderless tables. You can merge cells etc as appropriate. This views well in both firefox and explorer. Wish there was a wrap text button though!

•

Join Date: Jan 2009

Posts: 1,350

Reputation: almostbob has a spectacular aura about

Solved Threads: 163

almostbob

Offline

Nearly a Posting Virtuoso

Re: Dreamweaver wrapping text around Pics

Jul 9th, 2009

Layout programs do not produce optimised code
they can do many things, but only the way they were programmed to do
often thimes the best result is to go into "code view" after the page layout is completed and fix it

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<p><img src='thispic.jpg' alt='a picture' width='80' height='60' style='float:right; margin:5px padding:5px;'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas enim turpis, consectetur sed hendrerit eu, fringilla iaculis ante.</P>
<p><img src='thispic.jpg' alt='a picture' width='80' height='60' style='float:right; margin:5px padding:5px;'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas enim turpis, consectetur sed hendrerit eu, fringilla iaculis ante.</P>

or if many images are to be the same appearance

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<head>
<style type='text/css'>
<!--
.detail { float:right; margin:5px padding:5px; width:80px; height:60px; }
-->
</style></head><body>
<p><img src='thispic.jpg' alt='a picture' class='detail'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas enim turpis, consectetur sed hendrerit eu, fringilla iaculis ante.</P>
<p><img src='thatpic.jpg' alt='another picture' class='detail'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas enim turpis, consectetur sed hendrerit eu, fringilla iaculis ante.</P>
<head>
<style type='text/css'>
<!--
.detail { float:right; margin:5px padding:5px; width:80px; height:60px; }
-->
</style></head><body>
<p><img src='thispic.jpg' alt='a picture' class='detail'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas enim turpis, consectetur sed hendrerit eu, fringilla iaculis ante.</P>
<p><img src='thatpic.jpg' alt='another picture' class='detail'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas enim turpis, consectetur sed hendrerit eu, fringilla iaculis ante.</P>

wrapping the image and text in a <div> or <p> performs a 'keep toghther' so that the text and image remain associated

Last edited by almostbob; Jul 9th, 2009 at 9:45 am.

Failure is not an option It's included free, you don't have to do anything to get it
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it

Please mark solved problems, solved

•

Join Date: Oct 2009

Posts: 2

Reputation: sicoev is an unknown quantity at this point

Solved Threads: 0

sicoev

Offline

Newbie Poster

Oct 22nd, 2009

This is a big help, thanks! I've been stuck on doing this for ages

http://www.silvercowevents.co.uk

•

Join Date: Sep 2009

Posts: 9

Reputation: keddy1 is an unknown quantity at this point

Solved Threads: 1

keddy1

Offline

Newbie Poster

Oct 24th, 2009

here I found many having a great concept of dreamweaver.as am still a learner I need suggestions and guidance like this from time to time.I think it is here I can refer to

pilot prep tests