Help! Nightmare with HTML and CSS coding.

I am having nightmares working with HTML and CSS code, I have managed to design my website but having problems viewing it in Internet Explorer.
my site loads absolutely fine in Firefox but it does not show up correctly in Internet Explorer. I need your advise what needs to be done to fix this problem.

Digitalpoint does not allow me to add live URL so below is a URL for you to look at.

http://www.top-10-unlimited-web-hosting.com



Your suggesstions and comments are very welcome.

Thank you

 

Every developer has this problem!

Try fixing these issues and see if anything gets resolved - http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

 

Thank you for quick reply, I will try using validator.

If anyone else got any clues, please reply to this post.

Thank you

 

The main thing to consider is who will be your viewing demographic. Most people are stopping the support of IE6, meaning IE7, IE8, Firefox and Safari are the normal browsers tested. Some people also test Opera. If yo are looking to run IE6 you can download "multiple IEs". For IE7 you can install IE8 and use compatibility mode. If you have any more questions feel free to PM me.

 

google css ie fixes... you'll be fine

 

Line 63 - You didnt finish the Image Tag:

<a href="/goto.php?link=just-host-sale.php" target="_blank"><img src="/images/top-10/host-ofthe-month.jpg" alt="Visit Just Host" class="imgborder" width="150" border="0" height="34"</a></div>

 

Thanks for the help, I will try to figure it out how to get it fixed.

But yeah thanks anyway.

 

Thanks for pointing out, I have tried to figure out with w3 html / css validator But I have failed to understand how to close / finish the image tag. Do you have any idea how do I close the image tag?

Thanks

 

No worries, you can pretty much guarantee that once you've validated all the code it will be fine.

 

Yourthemes, you have not answered my question, do you know how do I close the image tag, please help?

 

Image tags are self closing. Just make sure the end of the tag is like /> instead of just >

 

As far as images are concerned, aside from the solution in the post above mine,
make sure you don't ommit the alt="" attribute or the validator will also count it as an error.

 

Yes, all pages will not validate unless you provide the alt="" tag.

The alt tag should provide a quick description of what the image does, e.g if it is a link to something say it is "a link to ***". If the image is purely for decorational reasons, just leave the alt tag as alt=""

If you need to actually talk about the image, then use the title tag - title="" for a longer description.

Sorry, rambled on there. Hope this helps

 

Very good answer indeed, this helps a lot.

Thank you.

 

I'd actually do alt="name of link" rather than "link to blah.com" for images...
for example, in a menu, where you have an image that shows the text "home" the alt text should also just be "Home" like it would if normal link text were set in there.

The title advice given above is good, but be aware it's what makes those tooltips appear on mouseover (that's the point of title actually) so anywhere where a tooltip might get in the way (like in a dropdown menu) try to avoid using it.

Title is nice for stuff like this too:
<a href="somefile.pdf" title="PDF, 2 pages, 16kB">Read our Terms&Conditions</a>

Hey, has this actually worked well for you? I mean, does IE8 do the whole Halsayout thing then, if you turn on Compat Mode?

 

Thank you guys - I have now managed to fix this problem.

Regards