|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
#2
September 22nd, 2002, 08:50 PM
|
|||
|
|||
|
<html>
<head> <title>untitled</title> </head> <body> <div style="position:relative;font-size:24px;"> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <img style="position:absolute;left:0px;top:0px;" src="http://forums.devshed.com/images/devtitle.gif"> </div> </body> </html> Keep in mind that absolute positioning removes the element from the document flow, putting it in its own plane above non-absolutely positioned content, with no space cleared for it. Maybe this is more like what you wanted(?): <html> <head> <title>untitled</title> </head> <body> <div style="position:relative;font-size:24px;"> <img style="position:relative;float:left;" src="http://forums.devshed.com/images/devtitle.gif"> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </div> </body> </html> http://www.webreference.com/html/tutorial18/
|
|
#3
September 23rd, 2002, 02:21 AM
|
|||
|
|||
|
Yes, but I also want to give the image a left and top value. When I do this, the image is placed over the text.
Can I give the image a left and top value?
|
|
#4
September 23rd, 2002, 09:31 PM
|
|||
|
|||
|
<html> <head> <title>untitled</title> <style type="text/css"> #box { position: relative; width: 570px; font: 200 16px helvetica; padding: 5px; border: 1px black solid; } #pic { position: relative; float: left; margin: 10px 26px 10px 17px; border: 3px silver groove; } </style> </head> <body> <div id="box"> <img id="pic" src="http://forums.devshed.com/images/devtitle.gif" /> blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </div> </body> </html>
|
|
#5
September 24th, 2002, 03:19 AM
|
|||
|
|||
|
Yes, but when I change the left and top value of the pic with a script and it's placed over the text, this text should alter. Now the image floats over the text, while the text should float around it.
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > position an image within a textblock with css |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
