View Full Version : IE Problems

12-07-2009, 10:45 PM
Right I'm a little bit confused with this issue. I've built a web site for my friends production company, great practice for me as I'm studying a degree in Business and IT and the web side of things is where I want to go. The problem I have now that I've uploaded my site to the internet is that when using internet explorer roll over boxes appear over the images I'm using as my links! I've set them all to be black so that they don't appear and when using Google Chrome or Firefox it's fine, but on explorer they come up blue and then go purple when I click on them. I'm lost I've checked the css and all the hex codes are set to black so where is IE even getting the colour blue and purple from?? :eek:

Can anyone help me here? Maybe it's a common problem in IE I'm really lost.

Web site link http://www.simyart.co.uk

Thanks!!!! :thumbsup:

12-07-2009, 10:48 PM
p.s. It's actually ok on the home page in IE, but as far as I can see the codes exactly the same! =/

12-07-2009, 11:56 PM
I don't see any "roll over boxes". If you're talking about the images used as links, I see the same thing in FF. The code isn't the same: you forgot the border="0" on those images.

This suggests that you may not be using a template for your design which will create a problem with maintainability down the road. Imagine updating 30 pages when the client just wants to add a link. Unnecessarily complex if the design isn't templatized.

12-08-2009, 12:30 AM
Thanks for your help there, I thought I was missing something stupid. I understand what your saying about the other stuff, that's how I've done it for uni projects but I hard code that. I used Dreamweaver to make this web site so its been a learning curb. :thumbsup:

12-08-2009, 01:42 AM
Hello 1zebedee23,
I think a CSS reset would help a lot here.
Put this at the top of your branding.css -

* {
margin: 0;
padding: 0;
border: 0;
outline: 0;

Some more about the reset here. (http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/)

It would also probably help a lot to fix these errors - http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.simyart.co.uk%2F
See the links about validating in my sig below.