otuatail Posted September 8, 2009 Share Posted September 8, 2009 Hi guys. I am strugling on this float left issue. What I want is a picture to sit in the top left corner of my web page as a float left. Then have another div next to it. in this div there will be a description of the website. As the description is very long it will go below the picture but completely wrap the picture in a newspaper stile. Can't get this floating to work. http://www.des-otoole.co.uk/malawi/RealLifeHome.php is this easy to fix? TIA Desmond. Quote Link to comment Share on other sites More sharing options...
saltedm8 Posted September 8, 2009 Share Posted September 8, 2009 This is how its done... use this to help you <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style type="text/css"> <!-- #header { float:left; width:1020px; height:110px; background-image:url(../images/MalawiBanner.jpg); } #container { float:left; width:1020px; } #left_image { float:left; width:200px; height:492px; background-image:url(../images/MalawiMenu.jpg); } #corner_image { float:left; width:400px; height:300px; background-image:url(../pictures/Picture1.jpg); } #description { float:left; width:420px; } p { margin:0; padding:0; } .clear { clear:both; } --> </style> </head> <body> <div id="header"></div> <div id="container"> <div id="left_image"></div> <div id="corner_image"></div> <div id="description"><p>This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving.This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving.This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving. This is a lot of text telling everyone oabout the website and what it is acheaving.</p> </div> <div class="clear"></div> </div> </body> </html> not sure if the images will show, I cant guarantee the roots are right Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.