Could someone please help me. I've been trying to figure out what I did wrongly here http://havilahandhills.com/gasstocks . I tried to use CSS to set the body text. It appears good on IE but on Opera and Firefox, it's aweful. I need help very quickly. Anyone?

You need to ask a specific question, in order for anyone to help.

There are many things about that code that need to be fixed...but to answer your specific concern, remove the following from your text class:

display: table;
position: fixed;

Also, you cannot place paragraphs inside of a blockquote. Basically, a blockquote is just an indented paragraph...so use it in place of the p tag for indented text.

Deacon, thanks so much. I removed the stuffs you aked me to and it worked on Opera. I'm yet to test it on Firefox. BUt I think it will work. However, I didn't get what you were trying to say about the 'p' tag. If I remove that, how do I then achieve 'Paragraphing'? I also noticed that my flash animation isn't working on Opera, I don't know if it's my systems setting or it's a problem with the code. I don't know if you have an idea why.

Instead of
[html]
<blockquote>
<p>
<span class="style1">Gasstocks Limited</span> is a vibrant and dynamic international company operating out of Nigeria with a robust and dedicated team who owing to the influence of our core values: originality and excellence, and strengthened by a culture of pragmatism, consistently provide high quality products and services which are innovative, pragmatic and adapted to our client&rsquo;s requirements.<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</p>

<p>
Our technical staff have many years experience in specifying, supplying, supervising and undertaking works to achieve cost effective and maximum long term benefits for a our clients. This experience garnered in the industry has supported our growth and diversification in a competitive and demanding market.&nbsp;&nbsp;&nbsp;
</p>
</blockquote>
[/html]

Use

[html]
<blockquote>
<span class="style1">Gasstocks Limited</span> is a vibrant and dynamic international company operating out of Nigeria with a robust and dedicated team who owing to the influence of our core values: originality and excellence, and strengthened by a culture of pragmatism, consistently provide high quality products and services which are innovative, pragmatic and adapted to our client&rsquo;s requirements.
</blockquote>

<blockquote>
Our technical staff have many years experience in specifying, supplying, supervising and undertaking works to achieve cost effective and maximum long term benefits for a our clients. This experience garnered in the industry has supported our growth and diversification in a competitive and demanding market.&nbsp;&nbsp;&nbsp;
</blockquote>
[/html]

You can then use CSS to set the spacing between blockquotes

blockquote { margin-bottom: 10px }

of whatever spacing you wish, instead of using all of theose &nbsp;s

You haven't updated your site with the new code, but the flash appears to be working fine in Opera.

Deacon, thanks so much. I just can't thank you enough. Yeah, haven't updated the site yet. Still working on it. I'll send the real link to your e-mail box later if you don't mind. As per the Flash working on Opera, maybe it's my systems setting. All my flash work don't work on opera, but some how I think I like that because it helps me know how my sites will behave in old browsers. Though I'll like to know why so I can turn it on at will.

One last question, I know using blockquote is the main thing, but breaking like I did worked just fine, didn't it or was there something I was suppose to know. Ok! maybe using that, easily gives one away as an amateur, right? LOL

Stay cool, and God bless.

it doesnt work in firefox.

Yes, it works...it's just bad coding. If you were to try and validate your code, you would receive errors.

If you want to be a good Web designer, you should start learning the proper coding methods now. It will save you a lot of headaches in the future.

Mike, what didn't work in Firefox?

Deacon, thanks once more. There's something I'm thinking you could show me. Someone had tried to post it here before, but I didn't understand it. Maybe you can help me. It's about using CSS to add shadow to a page. If you noticed that page has shadow, but that shadow came with an image. I can get a way with it like that, but that could be limiting. Better still, I'll prefer to learn the proper thing, since there's a better way. Can you help with some explanation, that I can understand?

Do you mean something like this?


[HTML]
<div style="width:272px;padding:10px;filter:shadow(color:gray); overflow: visible">
<div style="width:250px;text-align:left;padding:10px;background-color:gold;border:1px solid black;font-size:10px;">
This is an example of the shadow filter in action.
You can make the box any size you want and have any color background you desire.
</div>
</div>
[/HTML]

NOTE: This only works in IE