...

View Full Version : Order Of Page Elements Is Wrong. WHY?!



Daniel_A_Varney
07-12-2011, 10:11 PM
http://www.tengunade.pwp.blueyonder.co.uk/adedaniel/info_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?! :mad:

Daniel_A_Varney
07-12-2011, 11:02 PM
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!!!

djh101
07-12-2011, 11:33 PM
Trying enclosing your images/paragraphs inside divs instead of letting them just free float.

alykins
07-12-2011, 11:39 PM
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)

Daniel_A_Varney
07-12-2011, 11:54 PM
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 />. :(

Daniel_A_Varney
07-13-2011, 12:01 AM
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.:thumbsup:

djh101
07-13-2011, 01:30 AM
I mean the images/paragraphs together so that they clear underneath the title. e.g. change:

<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


<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>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum