SitePoint Sponsor |
|
User Tag List
Results 1 to 9 of 9
-
May 9, 2009, 04:05 #1
- Join Date
- Aug 2007
- Location
- Earth
- Posts
- 1,766
- Mentioned
- 1 Post(s)
- Tagged
- 0 Thread(s)
how to cover the area below a picture with text
hey all. how can i make text flow/fill up the space below an image which is 100*100 coz typically in tables the col in which image is empty and the text is in 2nd col. just take a example of any text and images site like bbc. where the image end the paragraph that was coming parrallel to pic spread to this end of pic.
-
May 9, 2009, 07:36 #2
- Join Date
- Jan 2007
- Posts
- 971
- Mentioned
- 1 Post(s)
- Tagged
- 0 Thread(s)
use a background image
-
May 9, 2009, 11:40 #3
-
May 9, 2009, 13:10 #4
- Join Date
- Jan 2007
- Posts
- 971
- Mentioned
- 1 Post(s)
- Tagged
- 0 Thread(s)
can you provide an example of what you are trying to do?
-
May 9, 2009, 13:14 #5
- Join Date
- Aug 2007
- Location
- Earth
- Posts
- 1,766
- Mentioned
- 1 Post(s)
- Tagged
- 0 Thread(s)
well take this example http://www.sitepoint.com/blogs/2009/...ing-deadlines/ the text parallel to the picture is according to the width of picture but as soon as the picture end the paragraph ends. the text take up all the place beneath the picture area. that what i am asking. hope u got it
-
May 9, 2009, 15:06 #6
- Join Date
- Apr 2002
- Posts
- 2,322
- Mentioned
- 3 Post(s)
- Tagged
- 0 Thread(s)
is this the kind of thing you mean?: http://www.tizag.com/cssT/float.php
-
May 12, 2009, 14:11 #7
- Join Date
- Dec 2008
- Posts
- 167
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Or maybe try this one - without floating:
Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Image in text</title> </head> <body> <p><img src="images/sample.gif" width="100" height="200" alt="image here" align="left" vspace="5" hspace="5"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> </body> </html>
A huge list of resources for designers and content producers
to buy, sell or share stock photo images and other content.
-
May 24, 2009, 18:59 #8
- Join Date
- Mar 2009
- Location
- Chicago, IL
- Posts
- 45
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
In your example CSS is being used. The img tag nested inside of a paragraph tag will put images to the right of blocks of text.
If you want to learn the specifics of that, the CSS forum is very helpful
-
May 24, 2009, 19:11 #9
- Join Date
- May 2009
- Location
- Jomtien, Pattaya, Thailand
- Posts
- 910
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
the easiest is to use style="float:left" on the img tag and put the image before the text, I think that will do it crudly.
Otherwise I always do a div style="float:left;margin-right: 4px;bottom-margin: 2px;" and then I put the img in the div (and I clode the div after of course)
and then after comes the text.Do you really need traffic? Where to? What for?
If you really do need traffic then stop messing around!
Advertise on my sites today: She Told Me & Best Reviewer :
200,000+ UV / Month
Bookmarks