|
![]() |
#1 |
Member
Join Date: Aug 2005
Location: Royal Oak, Detroit suburb
Posts: 174
|
![]()
I have a little problem in one of my web pages, and while I could fix it easily with a workaround, I thought it might be a good chance to learn something about CSS positioning.
In the page http://daveayers.com/Modeling/RRCranes.htm, the third H2 is appended to the right of the previous block, rather then exhibiting its own block behavior and sitting below it. I could insert a 'clearboth' before it and achieve the desired results, but I want to understand what is going wrong here and learn to prevent these kind of problems rather then patching them. The code before and after the non-block like behavior is: Code:
<div class="thumbnail"> <a href="images/MOW_Equip.jpg"><img border="2" src="images/MOW_Equip_small.jpg" alt="MOW Equip. models" width="200" height="55"></a> <br> A small track crane made from some Selly parts and more, a brass Burro crane, among some of my MOW equipment </div> <p> </p> ***problem around here*** <h2>'G' Gauge Freelance Railroad Crane:</h2> Code:
.thumbnail { float: left; width: 210px; border: 1px solid #999; margin: 10px; padding: 5px; background-color: transparent; } I hope someone can help me understand what is going on here, and that will help me get a better internal model of CSS. I am still trying for that 'Ah Ha' moment... |
![]() |
![]() |
![]() |
#2 |
Staff
Join Date: Feb 2005
Location: In the Heart of the English Lake District
Posts: 1,381
|
![]()
Clearing floats can often be a problem. After a very quick look, try putting <br clear="all" /> after the last thumbnail div.
__________________ Kelvyn Web site design, hosting and marketing, Keswick in the UK Lake District If you are planning a visit to Keswick then try Keswick Tourist Information website |
![]() |
![]() |
![]() |
#3 | |
Member
Join Date: Aug 2005
Location: Royal Oak, Detroit suburb
Posts: 174
|
![]()
Kelvyn,
Quote:
|
|
![]() |
![]() |
![]() |
Thread Tools | |
Display Modes | |
|
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Learning CSS | RJ Emery | Web Site Building & Maintenance | 10 | 02-04-2007 06:45 AM |
eBay Experience? | dthomsen8 | General Publishing Topics | 35 | 09-02-2006 04:43 PM |
Learning to do Forms | dthomsen8 | Web Site Building & Maintenance | 4 | 04-13-2006 08:27 AM |
Learning MS Word | dthomsen8 | General Publishing Topics | 3 | 12-27-2005 05:04 PM |
Anyone have InCopy experience? | Norman Hathaway | Print Design | 4 | 02-22-2005 07:03 AM |