Jump to content

Image Displaying Strangely


garyblackpool
 Share

Recommended Posts

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

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 by jlhaslip
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...