CSS Problem - Firefox / IE (Solved)

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
Lumimies
Posts: 63
Joined: Sat 25. Sep 2004, 14:03
Location: Suomi - Finland

CSS Problem - Firefox / IE (Solved)

Post by Lumimies »

Hello!

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

Please look at: http://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

Lumimies

(BTW if You think this is off topic > Please hint me with forum wich You think suits better for this ;-) )

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: #000000;
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: #FFFFFF; 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 {}



/**
* Sample for FORUM
*/
.tableForum { background-color: #FFFFFF; border: 2px #006699 solid; }

th {

color: #FFA34F; font-size: 10px; font-weight : normal;

background-color: #006699; height: 24px;
background-image: url(../../img/forum/silver/cellpic3.gif);
background-repeat: repeat-x;

}
th.thForum, th.thTopic, th.thPost, th.thLastPost {
font-weight: normal; border: #FFFFFF; border-style: solid; height: 24px;
}
th.thForum { border-width: 0px 0px 0px 0px; }

th.thTopic { border-width: 0px 0px 0px 0px; }
th.thPost { border-width: 0px 0px 0px 0px; }
th.thLastPost { border-width: 0px 0px 0px 0px; }

td.rowIcon, td.rowForum { background-color: #EFEFEF; height: 30px; }
td.rowLabel, td.rowReply { background-color: #EFEFEF; }
td.rowError { background-color: #D82B2B; }
td.rowTopic, td.rowPost, td.rowLastPost, td.rowReplyA { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }
td.rowIcon, td.rowLabel, td.rowReply, td.rowReplyA { padding-left: 4px; padding-right: 4px; }

.rowText { font-size : 12px; }
.rowError { font-size: 12px; color: #FFFFFF; }
.rowTextMed { font-size : 11px; }
.rowTextSmall { font-size : 10px; }
.rowTextLabel { font-size : 12px; font-weight: bold; }
.rowText,.rowTextMed,.rowTextSmall, .rowTextLabel { color : #000000; }
a.rowText,a.rowTextMed,a.rowTextSmall { color: #006699; text-decoration: none; }
a.rowText:hover,a.rowTextMed:hover,a.rowTextSmall:hover { color: #DD6900; text-decoration: underline; }

/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }

/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }

.catBottom {
background-color: #D1D7DC;
background-image: url(../../img/forum/silver/cellpic1.gif);
background-repeat: repeat-x;
text-align: center;
}

/* Forum title: Text and link to the forums used in: index.php */
.rowTextForumlink { font-weight: bold; font-size: 12px; color : #006699; }
.rowTextForumlink a, .rowTextForumlink a:link, .rowTextForumlink a:active, .rowTextForumlink a:visited {
text-decoration: none; color : #006699;
}
.rowTextForumlink a:hover { text-decoration: underline; color : #DD6900; }


.navForum { font-weight: bold; font-size: 11px; color : #000000;}
.navForum a, .navForum a:link, .navForum a:active, .navForum a:visited { text-decoration: none; color : #006699; }
.navForum a:hover { text-decoration: underline; color : #006699; }

.forumInputText {
font-weight: bold;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.forumTextareaText {
font-weight: normal;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.forumButton {
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.postdetails { font-size: 10px; color: #000000; margin: 3px 0 0 0; }
.postdetails hr {
margin: 0 0 0 0;
padding: 0;
height: 0px;
border: solid #D1D7DC 0px;
border-top-width: 1px;
}

.postbody { font-size: 12px; color : #000000; margin: 0 0 3px 0; padding: 0 }
.postbody a, .postbody a:link, .postbody a:active, .postbody a:visited {
text-decoration: none; color : #006699;
}
.postbody a:hover { text-decoration: underline; color : #DD6900; }

.OIKEA {
width: 90px;
height: 200px;
padding: .5em;

border: 1px dotted red;
}


#teaserTable {
border:1px;
color: green;
}

#teaserTableLeftCell {border:0px; padding:4px;}
#teaserTableRightCell {border-left:1px solid #C4C4C4; padding:4px;}

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

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


.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;
}
Last edited by Lumimies on Fri 26. Aug 2005, 14:28, edited 1 time in total.
Lumimies
Posts: 63
Joined: Sat 25. Sep 2004, 14:03
Location: Suomi - Finland

SOLVED

Post by Lumimies »

Thank You all!

I got this solved with the friendly help from Ingo (http://www.satzansatz.de/css.html)


>> div .navList a, a:link, a:visited{
>> color: white; ...
>> }

...

This a:visited is overwritten by the subsequent


>> a, a:link, a:visited, a:hover, a:active{
>> color: green; ...
>> }


To be more specific, try

.navList a, .navList a:link, .navList a:visited {color: white; ...}
Post Reply