Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Regular Coder
    Join Date
    Jul 2011
    Posts
    105
    Thanks
    12
    Thanked 1 Time in 1 Post

    Order Of Page Elements Is Wrong. WHY?!

    http://www.tengunade.pwp.blueyonder....nfo_about.html

    Please scroll down to the header which says: "My Studio". Notice the sentence, which is supposed to start after the header, occurs above it instead?

    In my code, it is clearly below it! I just don't understand this at all.

    It should read:

    MY STUDIO
    then...
    "In the summer of 2001..."

    It shows up right in Internet Explorer 6 but not right in Firefox.

    What's the deal here?!
    Last edited by Daniel_A_Varney; 07-13-2011 at 12:02 AM.

  • #2
    Regular Coder
    Join Date
    Jul 2011
    Posts
    105
    Thanks
    12
    Thanked 1 Time in 1 Post
    And it gets stupider...

    I have added some padding to the last paragraph, which seemed to cure the problem...

    It works locally - but on the server, it is still the same!!!

  • #3
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    628
    Thanks
    51
    Thanked 67 Times in 67 Posts
    Trying enclosing your images/paragraphs inside divs instead of letting them just free float.
    "Yeah science!"

  • #4
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,930
    Thanks
    46
    Thanked 203 Times in 202 Posts
    if you add clear:both to the paragraph it will force it below the picture... but what i think u really want to do is float it right... this is happening bc your images are floated and it is actually doing exactly what is supposed to be doing (text is flowing around the images which all happen to be floating/stacking to the left)

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #5
    Regular Coder
    Join Date
    Jul 2011
    Posts
    105
    Thanks
    12
    Thanked 1 Time in 1 Post
    Quote Originally Posted by alykins View Post
    if you add clear:both to the paragraph it will force it below the picture... but what i think u really want to do is float it right... this is happening bc your images are floated and it is actually doing exactly what is supposed to be doing (text is flowing around the images which all happen to be floating/stacking to the left)
    Yes, I'm sorry, but that still doesn't make sense to me.

    Look how the others are not doing this... Why just this one? It is wrong because it is behaving as though I had put the opening part of the paragraph ABOVE the header div - and I didn't do that. In the code, it's plainly BELOW it. Therefore, it should start AFTER it.

    Time for a bunch of <br />s I think. When all else fails, crack out the <br />... Because this is <bs />.
    Last edited by Daniel_A_Varney; 07-13-2011 at 01:18 AM.

  • #6
    Regular Coder
    Join Date
    Jul 2011
    Posts
    105
    Thanks
    12
    Thanked 1 Time in 1 Post
    Quote Originally Posted by djh101 View Post
    Trying enclosing your images/paragraphs inside divs instead of letting them just free float.
    I'm sorry, I appreciate what you're saying but I thought the WHOLE idea of floats was so that paragraphs FLOWED around them?

    Edit: Okay... maybe that's a good idea after all. Thanks.
    Last edited by Daniel_A_Varney; 07-13-2011 at 01:16 AM.

  • #7
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    628
    Thanks
    51
    Thanked 67 Times in 67 Posts
    I mean the images/paragraphs together so that they clear underneath the title. e.g. change:
    Code:
    <div class="title-header headset_16"> 
    	<h1>My Studio</h1>					
    	</div> <!-- end header-1 --> 
    	<img class="float_left" src="images/studioview_003.jpg" /> 
    	<p> In the summer of 2001, I built my first free-standing studio in the back yard. I scavenged as much used wood as I could find from my local area and began building...<br /><a href="info_workshop.html">read more</a> 
    	</p> 
    	<p>This is where I'm able to house my large tank compressor, which handles my rotary air tools and  spraying equipment. Here, I can carry out the more 'messy tasks', reserving my indoor work rooms for using sensitive materials that would otherwise be ruined by dust and overspray.
    	</p> 
    	<img class="float_left" src="images/studioview_001.jpg" /> 
    	<p>Over the years, I've built up an impressive array of tools and equipment for my work.  In addition to the 3 horsepower, 200 litre air compressor, I also have a variety of electric rotary tools, including a jeweller's pendant motor with a flexible drive shaft for getting into tight spaces.  Some visitors to my studio thought it was a dentist's drill... and I suppose it is very similar.  Open wide...!
    	</p> 
    	<p>I love my power tools but there are definitely times when hand tools are more controllable and 'kinder' to the work - especially when it comes to woodwork.  As long as I'm not on a tight deadline, I like to take my time and use traditional tools for some things.
    	</p>  
    	<img src="images/aboutsophiewip.jpg" />
    to

    Code:
    <div class="title-header headset_16"> 
    				<h1>My Studio</h1>					
    				</div> <!-- end header-1 --> 
    				<div><img class="float_left" src="images/studioview_003.jpg" /> 
    	<p> In the summer of 2001, I built my first free-standing studio in the back yard. I scavenged as much used wood as I could find from my local area and began building...<br /><a href="info_workshop.html">read more</a> 
    	</p> 
    	<p>This is where I'm able to house my large tank compressor, which handles my rotary air tools and  spraying equipment. Here, I can carry out the more 'messy tasks', reserving my indoor work rooms for using sensitive materials that would otherwise be ruined by dust and overspray.
    	</p> 
    	<img class="float_left" src="images/studioview_001.jpg" /> 
    	<p>Over the years, I've built up an impressive array of tools and equipment for my work.  In addition to the 3 horsepower, 200 litre air compressor, I also have a variety of electric rotary tools, including a jeweller's pendant motor with a flexible drive shaft for getting into tight spaces.  Some visitors to my studio thought it was a dentist's drill... and I suppose it is very similar.  Open wide...!
    	</p> 
    	<p>I love my power tools but there are definitely times when hand tools are more controllable and 'kinder' to the work - especially when it comes to woodwork.  As long as I'm not on a tight deadline, I like to take my time and use traditional tools for some things.
    	</p>  
    	<img src="images/aboutsophiewip.jpg" /></div>
    "Yeah science!"


  •  

    Posting Permissions

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