SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    BLYAT! theGWS's Avatar
    Join Date
    Jun 2001
    Location
    Melbourne, AU & Seattle, WA
    Posts
    502
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Please help position these images inside the div

    Please look at my page: http://www.dorianjepsen.com/tacoma/s...ionlift/03.php

    The center column has some div boxes (with red borders for easy visibility). How do I make each div enclose the image AND text? Right now it only encloses the text and ignores the bottom of the image. By doing that it ruins the navigation links at the bottom.
    ~Dorian

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    A float is removed from the flow and the parent will not encompass it unless a clear:both is issued before the closing div of the parent conatiner of the float.
    Code:
      <div class="numberedstep"> <a href="#" onclick="MM_openBrWindow('http://dadom.home.comcast.net/images/dorianjepsen/tacoma/suspensionlift/03a.jpg','','width=650,height=433')"><img src="http://dadom.home.comcast.net/images...nlift/03a-.jpg" width="200" height="133" /></a> 
    	Remove the two factory skid plates. <br />
    	<br />
    	They are held onto the chassis with about eight bolts. I've pointed out three 
    	of them in the picture. It's your job to find the rest. The rear skid plate 
    	will come off a little easier because it's held in place only with bolts. 
    	The front skid plate is held on with bolts and two latches that keep it from 
    	falling on your face once all the bolts are removed. 
     <div style="clear:both"></div>
      </div>
      <div class="numberedstep"> <a href="#" onclick="MM_openBrWindow('http://dadom.home.comcast.net/images/dorianjepsen/tacoma/suspensionlift/03b.jpg','','width=650,height=433')"><img src="http://dadom.home.comcast.net/images...nlift/03b-.jpg" width="200" height="133" /></a> 
    	After removal, you can throw the skid plates away or sell them on eBay because 
    	they won't fit on the vehicle after the lift is installed. Besides, the new 
    	lift components look so good you wouldn't want to cover them up with any sort 
    	of skid plate. 
     <div style="clear:both"></div>
     </div>
    The positioning is important and must be in exactly the place specified.

    You also have a missing closing div at the bottom of the html. This will throw the layout out if not corrected.

    Hope that helps.

    Paul

  3. #3
    BLYAT! theGWS's Avatar
    Join Date
    Jun 2001
    Location
    Melbourne, AU & Seattle, WA
    Posts
    502
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, it helps. Problem solved. Thanks.
    ~Dorian


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •