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. Link to comment https://forums.phpfreaks.com/topic/173555-float-left/ 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 Link to comment https://forums.phpfreaks.com/topic/173555-float-left/#findComment-914858 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.