I am at last able to paste up jpeg and gifs from a small camera to my website. I position these pictures using CSS. I cannot get the text to align around the picture. It leaves a big blank gap alongside the picture. Help please?![]()
I am at last able to paste up jpeg and gifs from a small camera to my website. I position these pictures using CSS. I cannot get the text to align around the picture. It leaves a big blank gap alongside the picture. Help please?![]()
One solution to do that is by using a table like this:
<table>
<tr>
<td><img src="foolish.picture.jpg"></td>
<td>My Text</td>
</tr>
</table>
And if u are still having problems, please let me know, i may give u some php code to trim or crop your picture automatically
like <img src="php/image.php?source=foolish.picture.jpg"> or something like that....
fredsampson (12-20-2008)
Try floating the image and the text in separate div's. I could be more specific with code or a link. Also try the css forum.
fredsampson (12-20-2008)
Please for the love of web design avoid tables... (unless you're displaying tabular data) use CSS like bluewalrus has said, to be more specific - something like this:
Then adjust the margins to your needs.Code:CSS: .lefty{ float:left; margin-right:10px; } HTML: <img src="images/yourimage.jpg" alt="myimage" class="lefty"/> Here is my text bla bla bla Here is my text bla bla bla Here is my text bla bla bla Here is my text bla bla bla Here is my text bla bla bla
I apologies for not making my requirement very clear but when using WORD I type my pages of text and when and as is required I insert a picture from file and then format the text in the text alignement box and get it (the text ) to wrap in many different ways around or besides the jpeg. I now want to do this using CSS so maybe I am in the wrong forum and should move over to the one dealing with CSS. I have attempted your reply without success.
Post your code or a link here or in the css one.
Thank you - here it is...
http://www.fredsampson.co.uk/aa-repo...ub13dec08.html
- here it is
I put a float left in the image tag itself. You should really consider not using word for coding.
Code:<img src="SuzyBerry.jpg" width=520 height=390 border=0 alt="SuzyBerry" style="float:left;">
fredsampson (12-21-2008)
Yes, Word is not a web-design application (not that it would be much better if it were). You should learn to write pages yourself — it's not difficult, and will give you greatly superior pages.
Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!
fredsampson (12-21-2008)
Sorry to confuse yet again but I certainly dont use WORD to code anything. I prepare my written text in WORD then use MS Front Page/Amiasoft SiteAid and Terrapin FTP to get my pages to my host 'Fasthosts' and onto my website www.fredsampson.co.uk. Thank you for your help and it was the 'float' attribute that I was looking for.![]()
Bookmarks