Topic: IE Ignoring CSS (yeah I know, when isn't it?) Pages that link to <a href="https://ozoneasylum.com/backlink?for=24825" title="Pages that link to Topic: IE Ignoring CSS (yeah I know, when isn&amp;#039;t it?)" rel="nofollow" >Topic: IE Ignoring CSS (yeah I know, when isn&#039;t it?)\

 
Author Thread
Shifter
Paranoid (IV) Inmate

From: Mesquite, TX 75149
Insane since: Aug 2000

IP logged posted posted 01-28-2005 10:12 Edit Quote

I have a simple few class settings in my CSS:

code:
.storytitle a {
color: #FEE3C8;
text-decoration: none;
border: none;

}

.storytitle a:hover {
color: #CB786A;
border-bottom: 1px none #c0c0c0;
}

.storytitle a:visited {
color: #FEE3C8;
border-bottom: none;
}



In Every browser they show fine. (the links) But in IE its showing the normal Body's link properties..if I remove the normal body link properties it shows the dreaded purple underline link. WHy is it ignoring the CSS?

The code where it is displayed is part of WP PHP and it's as follows:

code:
<h13 class="storytitle" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>"><?php the_title(); ?></a></h13>



You can see H13 and storytitle as the class.. Maybe I have an error here making IE be lame.

Any help would be appreicated..thanks in advance.

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 01-28-2005 13:53 Edit Quote

the link pseudo classes must be in a partiuclar order

quote:
To ensure that you see your various link styles, you're best off putting your styles in the order "link-visited-hover-active", or "LVHA" for short.
poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 01-28-2005 14:05 Edit Quote

<h13> !? there's no such thing. The hearders goes from H1 to H6. But yes, DL-44 is right, put your pseudo classes in the LOVE-HATE order.

Shifter
Paranoid (IV) Inmate

From: Mesquite, TX 75149
Insane since: Aug 2000

IP logged posted posted 01-28-2005 15:47 Edit Quote

Hrm..hehe Didn't know they could only go to H6..I just did a trial error on it and H13 worked..so I thought it was fine..

I will try the other that you mentioned LVHA.

Thanks.

Nathus
Bipolar (III) Inmate

From: Minnesota
Insane since: Aug 2003

IP logged posted posted 01-28-2005 16:48 Edit Quote

The problem you're having is that IE appears to be throwing out the h13 tag because it doesn't recognize it, so there is no .storytitle to descend from.

Firefox on the other hand says ok, here's a tag with a class, no default appearance, and renders it according to your css

DL-44
Maniac (V) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 01-28-2005 18:28 Edit Quote

^ that very well may be, but it wil also cause problems if the declarations are not in the right order.

Shifter
Paranoid (IV) Inmate

From: Mesquite, TX 75149
Insane since: Aug 2000

IP logged posted posted 01-29-2005 04:54 Edit Quote

Just so you all know, I removed the h13 and changed it to h6..and I put the others in the right order. All is well now.

Thanks again.

(Edited by Shifter on 01-29-2005 05:28)



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu