Sun, 2004-08-01 09:23
I know thats a bad move, but everytime i go to create something, end up having a big drama with getting it looking fine on all the different browsers
today i tried make a mouseover link.
Now firstly, IE adds like 10 px between the <h1> and the link tag.
The problem doesnt exist in firefox or netscape, the link is flush up agaist the header text, like it should be.
The 2nd problem is that the a:hover works fine in IE for the first time, but when you click refresh, it doesnt work, and reverts to the a:visited attribute
If someone could help me with this, i seriously carnt see my error, and i'm about to go crazy.
The problem is on this page :
http://www.subplastic.com/css/index.html
cheers
lee
Sun, 2004-08-01 10:39
#1
About to give up on css..........
For starters remove the fiirst line <?xml version>(it's not required) this does tend to get repeated quite often but that line is throwing IE6 into quirks mode as it can't understand it and stumbles. Do that then see how things are behaving.
Hugo.
Sun, 2004-08-01 15:23
#2
About to give up on css..........
I took it out just then, and theres no difference unfortunately 
Sun, 2004-08-01 23:44
#3
About to give up on css..........
Quote:
The 2nd problem is that the a:hover works fine in IE for the first time, but when you click refresh, it doesnt work, and reverts to the a:visited attribute
Try changing the value of the link to something other than <a href="#">.
Sun, 2004-08-01 23:50
#4
About to give up on css..........
Quote:
Now firstly, IE adds like 10 px between the <h1> and the link tag.
The problem doesnt exist in firefox or netscape, the link is flush up agaist the header text, like it should be.
It may help to enclose your link within some tag (e.g. <h1>, <h2>, <p>)
...
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999999;
margin: 0px;
padding: 0px;
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999999;
margin: 0px;
padding: 0px;
}
...
<div id="footer">
<h1>All content and images © </h1>
<h2><a href="cheese">Client login area</a></h2>
</div>
Mon, 2004-08-02 03:13
#5
About to give up on css..........
yeah when i change the href to something other than #, the refresh problem with ie goes away thankgod.
Padding issue is still there though 
thanks for your help so far guys
lee
Wed, 2004-08-11 15:58
#6
About to give up on css..........
Quote:
The 2nd problem is that the a:hover works fine in IE for the first time, but when you click refresh, it doesnt work, and reverts to the a:visited attribute
You need to style the visited hover as well. Er... except IE can't show both hover states at once. (It works in other browsers.)
Eg:
:visited:hover {color:#f00;}
Wed, 2004-08-11 16:58
#7
About to give up on css..........
Don't give up, the community here is great and I'm sure all your problems will be solved! 