exploding-boy

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 think it is under the wp-includes folder named something like “comment-functions.php”.

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>

Good looking site. It works fine in Safari and validates. nice work!

no other comments? any comments are welcome…

looks good in safari. My only gripe would be the a:hover underline on the entire main entry/grey area. It is somewhat distracting. I love the rest of the site, and the colors!

Thanks! As of right now the “elsewhere” links are simply hand coded on the sidebar, until I finish up the overall look of the site.

Your site looks fine in Safari. On IE 5 for Mac the sidebar shows up below all of your posts. I don’t know if I would even worry too much about it though…very few folks still use IE on a Mac.

link

oops…simply remove the li before your h2 headers.

The small dots are bullets. You have the h2 inside a li

• <h2>Categories</h2>

. Simply remove the

• before <h2>.