WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > CSS messes with links

Reply
  Thread Tools Display Modes
Old 23rd October 10, 04:55 AM   #1
Ironmoon
WLC Member
 
Join Date: Oct 2010
Posts: 3
Default CSS messes with links

Hello,

I was wondering if someone could take a look at my website and tell me what the CSS error is and some possible work arounds or fixes. The problem is CSS is messing with links and general text/input boxes. This problem does not occur in Internet Explorer where the css isn't rendered correctly. If you take a look around the site you'll see the error in a few seconds.

Not working in: Mozilla and Google Chrome

website url: http://egames.hostoi.com/test/home.html
Ironmoon is offline   Reply With Quote
Old 23rd October 10, 08:11 AM   #2
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,194
Default Re: CSS messes with links

And the "problems" are?

however

Fix the lack of DTD.
Fix the deprecated markup. (font elements etc)
get rid of all the  's
The HTML source code looks like it was written in the early 90's using MS Frontpage.
chrishirst is offline   Reply With Quote
Old 23rd October 10, 06:39 PM   #3
Ironmoon
WLC Member
 
Join Date: Oct 2010
Posts: 3
Default Re: CSS messes with links

Quote:
Originally Posted by chrishirst View Post
And the "problems" are?

however

Fix the lack of DTD.
Fix the deprecated markup. (font elements etc)
get rid of all the  's
The HTML source code looks like it was written in the early 90's using MS Frontpage.
Yes I know its turrible, its the first website I've ever made and I know little about CSS and only intermediate with HTML

The problems are, try clicking a link, not from the menu though because that uses ajax, try an <a href> link, if you notice when you click it, it wont work because its aligned somewhere else in the page but displayed differently, its hard to explain.

Links work in internet explorer but the css doesnt
css works in firefox and chrome but the links don't
Ironmoon is offline   Reply With Quote
Old 23rd October 10, 11:52 PM   #4
chrishirst
Banned
 
Join Date: Jun 2006
Location: Blackp ool U.K.
Posts: 3,194
Default Re: CSS messes with links

get rid of the unecessary positioning (relative) and the equally unecessary playing about with stacking orders (z-index), just let the document flow work as it should.
chrishirst is offline   Reply With Quote
Old 24th October 10, 01:42 AM   #5
Ironmoon
WLC Member
 
Join Date: Oct 2010
Posts: 3
Default Re: CSS messes with links

Alright, I figured it out.

it was the z-index.

Last edited by Ironmoon; 24th October 10 at 11:15 PM.
Ironmoon is offline   Reply With Quote
Old 25th October 10, 01:05 PM   #6
Phreaddee
WLC Lover
 
Phreaddee's Avatar
 
Join Date: Oct 2010
Location: Newcastle, NSW, Australia
Posts: 768
Default

still need to fix the doctype
it has no <head> tag
put the stylesheet link within the head
add a charset ie
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> in the head as well
dont use <font> styles try h1-h6 and p instead
remove the &nbsp; everywhere
get rid or the unnecessary table

ff works because it is a "smart" browser which renders uncompliant code anyway
try it in ie6 and you'll see it is no good.

Last edited by chrishirst; 25th October 10 at 01:45 PM.
Phreaddee is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:04 AM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.