garyblackpool Posted October 29, 2009 Report Share Posted October 29, 2009 Hi i have some text and a image. When i try the float property nothing seems to happen. Currently the text is display behind the image. <style type="text/css">#front{position: relative;left: 10.7em;top: 5.17em;width:15em;background-color: #ccc;-moz-border-radius: 5px;-webkit-border-radius: 5px;border: 1px solid #000;float:left;}#content{ position:absolute; left:8.28em; top:5.5em; background-color: red; width: 100%; height: 60%;}#welc{ text-align:left;} </style> </head> <body> <div id="containertop"> <img src="../images/logopipa.jpg" id="titleimage" /> <div class="title"><p>The Original Fashion Doll</p> <p>By Palitoy 1972 til 1980</p> <input size="15" name="searchTerm" id="searchtxt" type="text" value="Enter Query" /> </div> </div> <div id="navleft"> <ul class="nav"> <li><a href="index.html">Female Dolls </a></li> <li><a href="step1.html">Male Dolls</a></li> <li><a href="step2.html">Child Dolls</a></li></ul> <ul class="nav"> <li><a href="index.html">Dresses</a></li> <li><a href="step1.html">Suits</a></li> <li><a href="step1.html">Tops</a></li> <li><a href="step1.html">Outerwear</a></li> <li><a href="step1.html">Trouser/Skirts</a></li> <li><a href="step1.html">Shoes</a></li> <li><a href="step1.html">Accessories</a></li> </ul></div> <div id="content"> <img src="../images/8.jpg" id="front" /> <div id="welc"> Welcome to Pippa's here I will share my collection of clothing and dolls which I have been collecting. Please do visit my <a href="www.ebay.co.uk/jandolls" > ebay shop </a>if you are interested in the dolls. </div> </div> </body> Link to comment Share on other sites More sharing options...
jlhaslip Posted October 30, 2009 Report Share Posted October 30, 2009 (edited) the only item I see that has a float is ID'd #front, but I don't see an html element with that ID. found it...absolute positioning will position itself in front like that. maybe have a look at floats, padding and margins for positioning elements.drop the absolutes and relative positioning Edited October 30, 2009 by jlhaslip Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now