image and text positioning (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

The_magus -> image and text positioning (3/24/2007 13:12:39)

I am beginning to use WE to re-do all my web pages (very table heavy).

On many of the former pages I used a table with two columns to insert an image and some text.

I have discovered how to position the image with the text wrapped around it (pretty neat) but cannot figure out how to make the text move to the right so it is not bang smack up against the right edge of the image. I could stick in a table with the text instead but that would defeat the aim of the game which is to learn to live without tables.

I have found out how to indent the first line but not all the lines of text.

I am now using a layout css file with header, bar, container and footer etc.

I thought it might be solved with padding but that only affects the text generally within the container.

Thanks in advance.

Jack
The Magus



Tailslide -> RE: image and text positioning (3/24/2007 13:22:39)

Add a margin to the image - this will hold the text away from the side of the image: 

#yourdivname img {margin:5px;}



jurgen -> RE: image and text positioning (3/24/2007 13:43:29)

You can use also a "vertical space" or "horizontal space" to make a padding all around the image. 

<img src="you image.jpgf" hspace="10" vspace="10" border="0">



The_magus -> RE: image and text positioning (3/24/2007 15:32:05)

Thanks very, Tailslide and Jurgen.

Your suggestions have solved my problem and added to my knowledge base which, of course, is very limited but increasing every day.

Cheers

Jack
The Magus



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
4.492188E-02