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;
}
CSS Problem - Firefox / IE (Solved)
CSS Problem - Firefox / IE (Solved)
Last edited by Lumimies on Fri 26. Aug 2005, 14:28, edited 1 time in total.
SOLVED
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; ...}
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; ...}