|
Answer» In my content pane, I would like to position an image at the left or right margin and have text flow around it. I'm not an HTML EXPERT by any stretch of the imagination, but I can generally understand and insert HTML code. I created the page in Dreamweaver 4 (running inside a virtual Windows XP partition in Windows 7--didn't want to have to spend big money for a Dreamweaver upgrade), but Dreamweaver does not seem to have a canned way to do what I need.
I tried creating a two-cell table row with the image in, say, the left cell and the text in the right, but there is more text than will fit within the height of the cell next to the image. I'd like the text to automatically flow into a full-width table cell below the image row, but haven't been able to figure out how to do so. Is there a way using tables?
Or alternatively, is there another way?
Thanks much!CSS.
Code: [Select]<img src="whatever.jpg" style="float:right;margin-left:10px;" width="50" height="100" />
The style attribute denotes CSS.
The float property in this EXAMPLE allows the image to move to the right and any text around the image will wrap around it. The image will "float" to the margin of the parent element, taking account for padding or whatever else might be in the way.
The margin-left obviously enough creates a margin of 10 pixels on the left of the image, just for visibility issues.Seconded. CSS and HTML are WORTH learning thoroughly; certain aspects of web design are far from obvious when using WYSIWYG tools like Dreamweaver.
A long time ago, I stumbled across an article that really opened my eyes to the possibilities, wrapping text tightly around an image. The website that carried that article is sadly now deceased, but the page is archived >here< and well worth a look. This is known as the "sandbag" TECHNIQUE.Welcome back Rob.
Quote A long time ago, I stumbled across an article that really opened my eyes to the possibilities, wrapping text tightly around an image. The website that carried that article is sadly now deceased, but the page is archived >here< and well worth a look. This is known as the "sandbag" technique.
Must say that's a great idea. Never thought of something like that.
Quote from: kpac on August 09, 2011, 08:26:37 AMWelcome back Rob.
Cheers!
|