By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
425,696 Members | 2,213 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 425,696 IT Pros & Developers. It's quick & easy.

help with CSS and internet explorer

P: n/a
Before I get started with my questions, I'd like to say thanks to
everyone for the time they may take helping me.

I'm fairly new to style sheets, so please excuse any ignorance. I've
set up my website and things look like I want them to in Mozilla and
Safari. I've also validated the style sheets against the W3C CSS
Validator and everything is valid.

I have two main problems.

First. I use my css to create a role over effect for my navigation
bar. The naviagtion bar is set up in a table and I then apply a css
class to each td element.

Here's the HTML
<table width="700" cellpadding="0" cellspacing="0" align="center"
border="0"><tr>
<td width="100" height="28" class="button"><a href="index.html"
Home</a></td>

<td width="100" class="button"><a href="guest.php">Guestbook</a></td>
<td width="500"><!-- dummy button --></td>
</tr></table>

Here's the CSS
..button {
background-color:#CCCCFF;
font: 100% "Times New Roman", Times, serif;
font-size:20px;
text-align:center;
border-color:#CCCCFF;
border-style:solid;
border-width:thin;
}

..button a {
text-decoration:none;
color:#000000;
display:block;
}

..button:hover {
background-color:#CCCCCC;
border-color:#000000;
}

When hovering over the buton in IE the background and the border color
do not change.

Second. I use Moveable Type to publish a blog on my website. When I
click on the "continue reading" link for a post the styles aren't
applied properly. They do get applied, but only i do something like
minimizing and maxamizing the window.

my website: http://www.joshuawsmith.com
my stylesheet: http://www.joshuawsmith.com/styles-site.css

Thank you for any help you may provide and please excuse my ignorance.
Jul 20 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
jo**@joshuawsmith.com (Joshua Smith) wrote:
When hovering over the buton in IE the background and the border color
do not change.


IE only supports :hover on <a> elements. :-(

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>
Jul 20 '05 #2

P: n/a
Joshua Smith wrote:
When hovering over the buton in IE the background and the border color
do not change.


Internet Explorer does not support :hover except on <a> elements with href
attributes.

Try http://css.maxdesign.com.au/listamatic/

--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Jul 20 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.