css codeing needs changing

[lostyboy]

hey guys this is my first post new to forums so be gentle. This is my first site in css and im having sum problems with it firstly does it look alright in the code and am i doing things right. secondly my roll overs are css but they flicker allot in Firefox my site works fine in Firefox but splits to peaces in i explorer im using a mac so i can change it until i upload it each time. if anyone can help with any of these i will be so happy to finish Friday with a bang. http://www.juxdesigns.com/New/home.html

[MikeHopley]

The flickering is probably due to the link area changing size on hover. Make sure that the clickable area of a link is exactly the same size and position in all states.

[VanessaJW]

I quite like that flickering actually, it looks like a fluorescent tube light coming on - If you hadn't said it was a mistake, I would have thought it was a deliberate effect you created!

Welcome to Webforumz by the way

[smdesignworks]

This is exactly what you are looking for "CSS Sprites".

http://www.alistapart.com/articles/sprites

Master this article above and your life will be much more fulfilling on the web as you will be able to mock others web pages with your superior coding skills. Enjoy.

If you have a question after reading that, let me know.

[Lchad]

Your html is fine, but your problems lie in the css. You are using relative and absolute positioning so you are going to have these types of issues.
I avoid any type of positioning like the plague. I'm just not experienced enough apparently to do it correctly.

It's really hard to help you because I don't know what the final design should look like. The blog part with the scissors is that supposed to be fixed? Is the black background supposed to break?

It's quite a mess in Firefox as well. You are correct to design for ff first and tweak for IE.

check your #wrap you have an extra semi colon in your code and that could be messing things up. Also run it through the W3C validator that might find obvious mistakes.


All of your css looks fine up to #content div. After that I think your calculations of pixels are off.

[lostyboy]

hey thanks for your answers ill have a look into it my blog is supposed to scroll but i cant stop it from going over the bottom of the page i might just make it smaller and the black background isnt supposed to break but cant get it to line up if its not on relative ill have a look at the code again and play arround with ti cheers everyone