um..... How can I have an image be placed by pixles from the left and top.. and then have text dodge the image?To make text dodge an image you need to set the image CSS to float:left; or something like that.
To have an image (or a div for that matter) placed at a specific spot so many px down and so many px across you need to specify it as position:absolute; in your CSS.
The drawback here is that it takes that image out of the main flow of the document so any text in the main flow will be hidden by the image.
One thing you could try is to include the image inside a div that also contains the text you want and absolutely position the div itself.
Hope this helps.either I did it wrong... or it doesnt work... lemme tell you what im trying to do.... u know like on the news articles they have images smack dab in the text.. like off the left or right.. but they arent at the top and bottom.. they are liike in the middle.. I dont want to have to add a table in the middle.. i want it to be automated in CSS.....
Originally posted by rsd
To make text dodge an image you need to set the image CSS to float:left; or something like that.
To have an image (or a div for that matter) placed at a specific spot so many px down and so many px across you need to specify it as position:absolute; in your CSS.
The drawback here is that it takes that image out of the main flow of the document so any text in the main flow will be hidden by the image.
One thing you could try is to include the image inside a div that also contains the text you want and absolutely position the div itself.
Hope this helps.Originally posted by Kyleva2204
either I did it wrong... or it doesnt work... lemme tell you what im trying to do.... u know like on the news articles they have images smack dab in the text.. like off the left or right.. but they arent at the top and bottom.. they are liike in the middle.. I dont want to have to add a table in the middle.. i want it to be automated in CSS.....
Do you want the text going down on both sides of the centered image? If so, that'll be hard — but talk to lavalamp (I think it was him), he posted a big long thread about this, and finally figured out a solution (I think).I want the images going down the side... and the text dodging the images... Thanks.. Ill PM him.
Originally posted by Paul Jr
Do you want the text going down on both sides of the centered image? If so, that'll be hard — but talk to lavalamp (I think it was him), he posted a big long thread about this, and finally figured out a solution (I think).You should be able to just float them left or right inside the div with the text and it will flow around.What i am doing is im having PHP go into MYSql... and set a news article.. then in a template... its going ot grab that text.... But... The text will hit the images on the way down and it wont work... so i want to have all the images at the top of the code and tell the images to go down a certain number of pixels..
Originally posted by ray326
You should be able to just float them left or right inside the div with the text and it will flow around.Originally posted by Paul Jr
Do you want the text going down on both sides of the centered image? If so, that'll be hard — but talk to lavalamp (I think it was him), he posted a big long thread about this, and finally figured out a solution (I think). Indeedy, though I didn't start the thread.
<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&threadid=31247#post168839">http://www.webdeveloper.com/forum/showt ... post168839</a><!-- m -->
Just put the images at the top (and some "gap" div tags in the second column), then you can probably push them as far down as you want with some top margins.hehe.. could you please send me an example with the usage I want to do with it? LOL SRY
Originally posted by lavalamp
Indeedy, though I didn't start the thread.
<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&threadid=31247#post168839">http://www.webdeveloper.com/forum/showt ... post168839</a><!-- m -->
Just put the images at the top (and some "gap" div tags in the second column), then you can probably push them as far down as you want with some top margins.erm yeah.. I cannot figure this out >_<... please help LOLHmm, me neither, I've tried a few things and always ended up with a big gap at the top.
On the plus side though I've lightened the code a little, dumped a couple of <div> tags and such like.
If I come up with something I'll let you know. this is tough.. didn't the creators of CSS ever come across this prob??
Originally posted by lavalamp
Hmm, me neither, I've tried a few things and always ended up with a big gap at the top.
On the plus side though I've lightened the code a little, dumped a couple of <div> tags and such like.
If I come up with something I'll let you know.Originally posted by Kyleva2204
this is tough.. didn't the creators of CSS ever come across this prob?? Why would they? You were joking though, right?:-\ no.... why?? Should I of been??
Originally posted by lavalamp
Why would they? You were joking though, right?
To have an image (or a div for that matter) placed at a specific spot so many px down and so many px across you need to specify it as position:absolute; in your CSS.
The drawback here is that it takes that image out of the main flow of the document so any text in the main flow will be hidden by the image.
One thing you could try is to include the image inside a div that also contains the text you want and absolutely position the div itself.
Hope this helps.either I did it wrong... or it doesnt work... lemme tell you what im trying to do.... u know like on the news articles they have images smack dab in the text.. like off the left or right.. but they arent at the top and bottom.. they are liike in the middle.. I dont want to have to add a table in the middle.. i want it to be automated in CSS.....
Originally posted by rsd
To make text dodge an image you need to set the image CSS to float:left; or something like that.
To have an image (or a div for that matter) placed at a specific spot so many px down and so many px across you need to specify it as position:absolute; in your CSS.
The drawback here is that it takes that image out of the main flow of the document so any text in the main flow will be hidden by the image.
One thing you could try is to include the image inside a div that also contains the text you want and absolutely position the div itself.
Hope this helps.Originally posted by Kyleva2204
either I did it wrong... or it doesnt work... lemme tell you what im trying to do.... u know like on the news articles they have images smack dab in the text.. like off the left or right.. but they arent at the top and bottom.. they are liike in the middle.. I dont want to have to add a table in the middle.. i want it to be automated in CSS.....
Do you want the text going down on both sides of the centered image? If so, that'll be hard — but talk to lavalamp (I think it was him), he posted a big long thread about this, and finally figured out a solution (I think).I want the images going down the side... and the text dodging the images... Thanks.. Ill PM him.
Originally posted by Paul Jr
Do you want the text going down on both sides of the centered image? If so, that'll be hard — but talk to lavalamp (I think it was him), he posted a big long thread about this, and finally figured out a solution (I think).You should be able to just float them left or right inside the div with the text and it will flow around.What i am doing is im having PHP go into MYSql... and set a news article.. then in a template... its going ot grab that text.... But... The text will hit the images on the way down and it wont work... so i want to have all the images at the top of the code and tell the images to go down a certain number of pixels..
Originally posted by ray326
You should be able to just float them left or right inside the div with the text and it will flow around.Originally posted by Paul Jr
Do you want the text going down on both sides of the centered image? If so, that'll be hard — but talk to lavalamp (I think it was him), he posted a big long thread about this, and finally figured out a solution (I think). Indeedy, though I didn't start the thread.
<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&threadid=31247#post168839">http://www.webdeveloper.com/forum/showt ... post168839</a><!-- m -->
Just put the images at the top (and some "gap" div tags in the second column), then you can probably push them as far down as you want with some top margins.hehe.. could you please send me an example with the usage I want to do with it? LOL SRY
Originally posted by lavalamp
Indeedy, though I didn't start the thread.
<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&threadid=31247#post168839">http://www.webdeveloper.com/forum/showt ... post168839</a><!-- m -->
Just put the images at the top (and some "gap" div tags in the second column), then you can probably push them as far down as you want with some top margins.erm yeah.. I cannot figure this out >_<... please help LOLHmm, me neither, I've tried a few things and always ended up with a big gap at the top.
On the plus side though I've lightened the code a little, dumped a couple of <div> tags and such like.
If I come up with something I'll let you know.
this is tough.. didn't the creators of CSS ever come across this prob??Originally posted by lavalamp
Hmm, me neither, I've tried a few things and always ended up with a big gap at the top.
On the plus side though I've lightened the code a little, dumped a couple of <div> tags and such like.
If I come up with something I'll let you know.Originally posted by Kyleva2204
this is tough.. didn't the creators of CSS ever come across this prob?? Why would they? You were joking though, right?:-\ no.... why?? Should I of been??Originally posted by lavalamp
Why would they? You were joking though, right?