Prev: Blank Table Icon
Next: Looking for tutorial
From: redstonegirl on 22 Mar 2007 11:34
I made a style called it content. then I copied it and made it contentblue and
changed the color, but when I see it, it looks bold.

Here's the page:
http://www.perpetualdevelopment.com/test/our-name.html
Here's the css:
body {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
background-color: #153B8A;
margin: 0px;
}
.titlebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #000;
line-height: 20px;
text-align: center;
padding: 10px 0px 0px 0px;
}
.content {
font-size: 12px;
color: #FFF;
line-height: 18px;
padding: 10px 20px 10px 20px;
}
.content a{
font-size: 12px;
color: #22285C;
text-decoration: underline
}
.content a:hover{
color: #999797;
text-decoration:none
}
.contentblue {
font-size: 12px;
color: #153B8A;
line-height: 18px;
padding: 10px 0px 10px 0px;
}
.contentblue a{
font-size: 12px;
color: #22285C;
text-decoration: underline
}
.contentblue a:hover{
color: #999797;
text-decoration:none
}
.contentart {
font-size: 12px;
color: #153B8A;
line-height: 18px;
padding: 5px 5px 5px 5px;
}
.contentart a{
font-size: 12px;
color: #22285C;
text-decoration: underline
}
.contentart a:hover{
color: #999797;
text-decoration:none
}
.contentbluelg {
font-size: 14px;
color: #153B8A;
line-height: 18px;
font-weight: bold;
padding: 10px 0px 10px 0px;
}
.dictionarygray {
font-size: 12px;
color: #828282;
line-height: 18px;
font-weight: bold;
padding: 0px 5px 10px 0px;
}
.dictionaryred {
font-size: 12px;
color: #892525;
line-height: 18px;
font-weight: bold;
padding: 0px 5px 10px 0px;
}
.dictionarygreen {
font-size: 12px;
color: #539862;
line-height: 18px;
font-weight: bold;
padding: 0px 5px 10px 0px;
}
.citinghead {
font-size: 10px;
color: #153B8A;
line-height: 13px;
font-weight: bold;
padding: 10px 0px 30px 0px;
}
.contentciting {
font-size: 9px;
color: #000;
line-height: 18px;
}
.contentciting a{
font-size: 9px;
color: #000;
text-decoration: underline
}
.contentciting a:hover{
color: #999797;
text-decoration:none
}
.contentk {
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000;
line-height: 18px;
font-weight: normal;
align: left;
}
.contentk a{
font-size: 12px;
color: #000;
text-decoration: underline
}
.contentk a:hover{
color: #999797;
text-decoration:none
}
.intro {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFF;
line-height: 16px;
text-align: left;
padding: 0px 0px 0px 10px;
background-color: #676767;
}
.titlebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #000;
line-height: 20px;
text-align: center;
padding: 10px 0px 0px 0px;
}
.heads1 {
font-size: 16px;
color: #153B8A;
font-weight: bold;
line-height: 22px;
padding: 20px 0px 0px 0px;
}
.subheads {
font-size: 16px;
color: #153B8A;
font-weight: bold;
line-height: 22px;
padding: 10px 0px 0px 0px;
}
.subheadk {
font-size: 16px;
color: #000;
font-weight: bold;
line-height: 22px;
padding: 10px 0px 0px 0px;
}
.subheadk a{
font-size: 16px;
color: #000;
font-weight: bold;
line-height: 22px;
padding: 10px 0px 0px 0px;
}
.subheadk a:hover{
color: #999797;
text-decoration:none
}
.subhead2 {
font-size: 14px;
color: #000;
font-weight: bold;
line-height: 22px;
padding: 10px 0px 0px 0px;
}

#lnav {font-family: Arial, Helvetica, sans-serif;}
#lnav a {
font-size: 11px;
line-height: 16px;
text-align: left;
display: block;
width: 160px;
color: #FFF;
text-decoration: none;
padding-left: 20px;
}
#lnav a:hover{color: #C12A05;}
#lnav .lnav2 {
color: #FFF;
}
#lnav .lnav2:hover {color: #6ECFF6;}
#lnav .lnav3 {
color: #FFF;
}
#lnav .lnav3:hover {color: #AB5BE8;}
#lnav .lnav4 {
color: #FFF;
}
#lnav .lnav4:hover {color: #F36621;}
#lnav .lnav5 {
color: #FFF;
}
#lnav .lnav5:hover {color: #028C31;}
#lnav .lnav6 {
color: #FFF;
}
#lnav .lnav6:hover {color: #B27926;}

.sidecontent {
font-size: 12px;
color: #FFF;
font-weight: bold;
line-height: 16px;
padding: 5px 0px 10px 20px;
}
.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FFF;
line-height: 18px;
padding: 20px 0px 30px 0px;
}
.footer a {
font-size: 11px;
color: #FFF;
line-height: 18pt;
text-decoration: none;
}
.footer a:hover {
color: #B6B6B6;
}

/* CSS Document */



From: Piers on 22 Mar 2007 11:35
It's also in a table cell which has the style .citinghead, and citinghead
has the bold property applied to it.

Either change things around, or add font-weight: normal; to the .contentblue
class.

HTH,

Piers


From: redstonegirl on 22 Mar 2007 12:10
ah, thanks. I figured it would be simple!
From: thozhayan on 22 Mar 2007 12:15
Hi

check this class. Font weight in this causes the problem

..citinghead {
font-size: 10px;
color: #153B8A;
line-height: 13px;
font-weight: bold;
padding: 10px 0px 30px 0px;
}



 | 
Pages: 1
Prev: Blank Table Icon
Next: Looking for tutorial