from:"Mikko Levänen"

[css-d] Different hover on IE and Firefox

2005-09-08 Thread Mikko Levänen


*Hello*

Please take a look at www.savonmaa.com http://www.savonmaa.com

Can someone tell me why the display-block does not work on IE when I 
hover over left navigation?


 On Firefox (Win and Mac) it shows hover effect when You move cursor 
anuwhere on the link block


 On IE (Windows) You have to put the cursor on the the actual text of 
link before hover effect shows.



Any ideas? This is propably a very tiny thing but i cannot find it out...

This is my CSS:

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}


form, div, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

td, th, p, div, span {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px
}

.listEntry {
margin-bottom: 10px;
color: red;
}

p {
font-family: Arial, Helvetica, sans-serif;
color: black;
text-align: left;
font-weight: normal;
font-size: 12px;
line-height: 16px;
}

a, a:link, a:visited, a:hover, a:active{
color: #0066CC;
text-decoration: none;
}

.navList a, .navList a:link, .navList a:visited {
display: block;
color: white;
text-decoration: none;
border-bottom: 1px solid white;
}

.navList a:hover{
display: block;
color: navy;
background-image: url(http://62.78.102.35/~savonmaa/SM_images/white.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
background-color: #66ccff;
text-decoration: none;
}

.articleText {
text-align: left;
font-size: 12px;
line-height: 14px;
}


.articleLinkInternal {
color: green;
font-size: 10px;
}

.image_caption {
padding: 5px;
text-align: left;
color: #00;
font-size: 9px;
line-height: 10px;
border-top: 3px solid white;
border-bottom: 1px solid #0066CC;
}


.image_td {
border: 1px solid #0066CC;
}

.articleCode {
margin-bottom: 3px;
font-family: Courier New, Courier, monospace;
font-size: 12px;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
color: #0066cc;
}

h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
color: black;
text-align: left;
font-weight: normal;
font-stretch: expanded;
font-size: 11px;
line-height: 13px;
}

.articleSummary {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
color: #00;
line-height: 135%;
}

.v09 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
9px; }
.v10 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
10px; }

.v11 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
background-color: navy;
}
.v12 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
12px; }
.v13 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
13px; }
.v14 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
14px; }



/*

.formButton { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 10px; font-weight: bold; color: #FF; background-color: 
#92A1AF; }


.formLabel { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 10px; }


.checkLabel { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 10px; font-weight: bold;}
.radioLabel { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 10px; font-weight: bold;}


.formTextArea { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; }
.inputText { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; font-weight: bold;}
.inputPass { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; font-weight: bold;}
.selectMenu { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; font-weight: bold;}
.selectList { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 11px; font-weight: bold;}

*/

/* search */
.formSearch { font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 12px; font-weight: bold;}


.search_form {}
.search_result {}


.postbody { font-size: 12px; color : #00; margin: 0 0 3px 0; 
padding: 0 }

.postbody a, .postbody a:link, .postbody a:active, .postbody a:visited {
text-decoration: none; color : #0066cc;
}
.postbody a:hover { text-decoration: underline; color : #DD6900; }


#teaserTable {

}

#teaserTableLeftCell {border:0px; padding:4px;}
#teaserTableRightCell {border-left:1px dotted #0066CC; padding:4px;}

#teaserPageNav {
display: block;
color: green;
text-decoration: none;
}

#teaserPageNavItems {
display: block;
color: green;
text-decoration: none;
}


.MenuItem_lvl_1 {
display: block;
text-indent: 15px;
font-size: 11px;
font-weight: bold;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
padding-left: 0em;
background-image: url(http://62.78.102.35/~savonmaa/SM_images/yellow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}


.MenuItem_lvl_2 {
display: block;
text-indent: 15px;
font-size: 11px;
font-weight: bold;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
padding-left: 0px;
}


.navList {
width: 98%;
border-top: 1px solid white;
padding-top: 0px;
display: block;
}


#activeSection {
border-bottom: 2px solid #ffcc00;
}

[css-d] Different results on Firefox and IE

2005-08-26 Thread Mikko Levänen


Hello!

I hope someone can tell me what is wrong with my css:

Please look at: www.aineistot.com

Everything works fine in Firefox  Navigation on left side has white 
text in links and other links are green as they should be on white 
background..


But on IE I have problem that my css works differently and colors 
visited links green also in leftside navi..


Problem is surely in my css but where...

Regards



This is my css:

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
}


form, div, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}

td, th, p, div, span {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px
}

.listEntry {
margin-bottom: 10px;
color: red;
}


div .navList a, a:link, a:visited{
color: white;
text-decoration: none;
display: block;
}

div .navList a:hover{
color: blue;
text-decoration: none;
display: block;
}

div .navList a:active{
color: blue;
text-decoration: none;
display: block;
}


a, a:link, a:visited, a:hover, a:active{
color: green;
text-decoration: none;
}


.articleText {
text-align: left;
font-size: 12px;
line-height: 13px;
}


.articleLinkInternal {
color: red !important;
font-size: 12px;
}

.image_caption {
padding: 5px;
text-align: left;
font-size: 10px;
line-height: 12px;
border-top: 3px solid white;
border-bottom: 1px solid green;
}

.image_td {
border: 1px solid green;
}

.articleCode {
margin-bottom: 3px;
font-family: Courier New, Courier, monospace;
font-size: 12px;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
color: green;
}

h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
color: black;
text-align: left;
font-weight: normal;
font-stretch: expanded;
font-size: 12px;
line-height: 14px;
}

.articleSummary {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
color: #00;
line-height: 135%;
}

.v09 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 9px; }
.v10 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
10px; }

.v11 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
background-color: navy;
}
.v12 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
12px; }
.v13 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
13px; }
.v14 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 
14px; }




.MenuItem_lvl_1 {
text-indent: 15px;
font-size: 11px;
font-weight: bold;
font-stretch: expanded;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
line-height: 23px;
background-image: url(/KPW_images/tmpl_orig_110.jpg);
background-repeat: no-repeat;
background-position: 0em;
padding-left: 0em;
}


.MenuItem_lvl_2 {
text-indent: 0px;
font-size: 11px;
font-weight: bold;
font-stretch: expanded;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
line-height: 12px;
background-image: url(/KPW_images/tmpl_orig_110.jpg);
background-repeat: no-repeat;
background-position: 100em 100em;
padding-left: 15px;
padding-top: 3px;
padding-bottom: 2px;
}


.navList {
padding-top: 10px;
padding-bottom: 120px;
}

#navi {
padding-top: 10px;
padding-bottom: 120px;
}


#activeSection {

border-right: 3px solid white;
background-image: url(/KPW_images/tmpl_orig_92.jpg);
background-repeat: no-repeat;
}

--


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Different hover on IE and Firefox

[css-d] Different results on Firefox and IE

2 matches

Site Navigation

Mail list logo

Footer information