TOO COOL FOR IE help

David,
Exactly what problems are you having? I would save whichever of the 3 “too cool” images you would like to display and upload it to your server. then log into wordpress and select you current theme’s stylesheet then simply copy and paste

a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(https://www.davidbabylon.com/images/too_cool_image_name.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

Then go to your index.php and add the following just below the BODY tag
<a id="tooCool" href="https://www.w3junkies.com/toocool/">Too Cool for Internet Explorer</a>

My problem was where to add the code in the Style sheet. I have the image uploaded, just not sure where to place the code. When i tried placing it my entire style sheet went nuts. Sorry if this is a simple answert but I’m still learning. Thanks for the help and if you could tell me where in the CSS file to place the tag I’d greatly appreciate it.

Also, when you say add below the entire BODY code, do you mean below the entire code or below he beginning of the BODY tag itself?

I would go to
/*—- Main Body —-*/
area of your stylesheet and paste it right before the #containter tag.
like so:

/*---- Main Body ----*/
a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url(https://www.davidbabylon.com/images/too_cool_image_name.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

#container {
width: 750px;
margin: 10px auto;
background: #f5f6f7;
border-left: 1px solid #d5d7db;
border-right: 1px solid #d5d7db;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .70em;
text-align: left; /* IE hack Part 2 */
border-top: 15px solid #d5d7db;
border-bottom: 15px solid #d5d7db;
}

Don’t forget to place the HTML code on your index page.

I will try that and let you know if it works. Thanks exploding-boy.

No problem, let me know if it works or you need more help.

Hi,

i’d like to use this, but show it only to users who uses IE.. how can i do that?
thnx