[SOLVED] CSS NOT BOLDING :( HELP!

Chezshire · November 16, 2008

Hi,

First let me thank anyone reading my request for help.

I'm trying to teach myself CSS (along with PHP and other things that mystify me) and my CSS is working relatively well except for two things. The 'subHeader' and the 'bodyBold' css is not bolding like i thought/hoped it would. What have I done wrong? I've included the full page of code for my style sheet test which can be viewed here:

http://www.xpg.us/newsletter/nl_Stylesheet.php

CSS Only:

<style type="text/css">
<!--
* {
---clear values----
margin: 0;
padding: 0;
list-style: none;
border: none;
font-family: Verdana, Helvetica, Arial, sans-serif; ;
}
.Border {
border: thin solid #CCCCCC;
}
.inside_Border {
border: thin dotted #999999;
font-style: normal;
line-height: normal;
font-weight: normal;
font-size: 9pt;
}
.header {
border: thin solid #808080;
font-size: 14pt;
color: #9c0000;
font-style: bold;
line-height: normal;
font-weight: normal;
}
.headerSub {
font-size: 12pt; 
font-style: bold; 
line-height: normal; 
font-weight: strong; 
}
.txtBody {	
font-size: 9pt;
color: #555; 
font-style: normal;
line-height: normal;
font-weight: normal;
}
.txtBold {	
font-size: 9pt;
color: #333; 
font-style: bold;
line-height: normal;
font-weight: strong;
}
.txtDisclaimer {
font-size: 7pt; 
color: #457396; 
font-style: bold; 
line-height: normal; 
font-weight: normal; 
}	
a, a:link, a:visited {
text-decoration: none;
font-weight: normal;
color: #3399FF;
}

a:hover {
text-decoration: underline;
color: #FFFFFF;
}
}
-->
</style>
</head>

Full code to the page below:

<!--
* {
---clear values----
margin: 0;
padding: 0;
list-style: none;
border: none;
font-family: Verdana, Helvetica, Arial, sans-serif; ;
}
.Border {
border: thin solid #CCCCCC;
}
.inside_Border {
border: thin dotted #999999;
font-style: normal;
line-height: normal;
font-weight: normal;
font-size: 9pt;
}
.header {
border: thin solid #808080;
font-size: 14pt;
color: #9c0000;
font-style: bold;
line-height: normal;
font-weight: normal;
}
.headerSub {
font-size: 12pt; 
font-style: bold; 
line-height: normal; 
font-weight: strong; 
}
.txtBody {	
font-size: 9pt;
color: #555; 
font-style: normal;
line-height: normal;
font-weight: normal;
}
.txtBold {	
font-size: 9pt;
color: #333; 
font-style: bold;
line-height: normal;
font-weight: strong;
}
.txtDisclaimer {
font-size: 7pt; 
color: #457396; 
font-style: bold; 
line-height: normal; 
font-weight: normal; 
}	
a, a:link, a:visited {
text-decoration: none;
font-weight: normal;
color: #3399FF;
}

a:hover {
text-decoration: underline;
color: #FFFFFF;
}
}
-->
</style>
</head>

<body bgcolor="white">

<body>
<table width="600" height="0" border="0" align="center" cellpadding="0" cellspacing="10" bgcolor="#F3F3F3" class="Border">
  <tr>
    <th colspan="2" align="right" scope="col"><div align="center"><a href="http://www.xpg.us" target="_blank"><img src="http://www.xpg.us/newsletter/images/header_08jan.png" alt="XPG NEWS + HIGHLIGHTS Header" width="600" height="145" border="0"></a></div></th>
  </tr>
<tr>
    <th width="328" align="right" scope="col"><br></th>
    <td width="262" align="left" valign="top" class="style47" scope="col">
    <div align="center">
    <span class="txtBody">
    <span class="style45">NEWS + HIGHLIGHTS: An XPG Newsletter </font>
    </span>
    </span><br>
    <span class=".txtBold"><font face="verdana,geneva">JANUARY 2008</font></span></div></td>
	 </tr>
 <tr>
    <th colspan="2" scope="col"><table width="600" border="0" align="center" cellpadding="1" cellspacing="24" bgcolor="#FFFFFF" class="inside_Border">


      
     <th scope="col"><table width="600" border="2" align="center" cellpadding="1" bgcolor="#FFFFFF" class="inside_Border">
	<tr> <span class= "styleDisclaimer01">
	<td bgcolor="#d8d8d8" width="08%" align="center"><p><font color="white">#d8d8d8</p></td>
	<td bgcolor="#999999" width="08%" align="center"><p><font color="white">#999999</p></td>
	<td bgcolor="#808080" width="08%" align="center"><p><font color="white">#808080</p></td>
	<td bgcolor="#333333" width="08%" align="center"><p><font color="white">#333333</p></td>
	<td bgcolor="#9c0000" width="08%" align="center"><p><font color="white">#9c0000</p></td>
	<td bgcolor="#000000" width="08%" align="center"><p><font color="white">#000000</p></td>

      </tr>
      <tr>
	<td bgcolor="#b7c2ca" width="08%" align="center"><p><font color="white">#b7c2ca</p></td>
	<td bgcolor="#9bafbe" width="08%" align="center"><p><font color="white">#9bafbe</p></td>
	<td bgcolor="#7393ab" width="08%" align="center"><p><font color="white">#7393ab</p></td>
	<td bgcolor="#457396" width="08%" align="center"><p><font color="white">#457396</p></td>
	<td bgcolor="#1b5784" width="08%" align="center"><p><font color="white">#1b5784</p></td>
	<td bgcolor="#004477" width="08%" align="center"><p><font color="white">#004477</p></td>

        </tr></span>
	</table>
	</th>
      
      
      <tr><td><div><div align="left"><span class="header">SAMPLE HEADER - The quik brown fox had a great big cock.</span><br>
        -header </span></div></td></tr>
        
        <tr><td><div><div align="left"><span class="subHeader">SUBHEADER - The quik brown fox had a great big cock.</span><br>
        - subHeader</div></td></tr>
      
	<tr><td><div><div align="left"><span class="bodyTxt">BODYTXT - The quik brown fox had a great big cock.</span><br>
        - bodyTxt</div></td></tr>    
        
        <tr><td><div><div align="left"><span class="bodyBold">BODYBOLD - The quik brown fox had a great big cock.</span><br>
        - bodyBold</div></td></tr>     
      
           
        <tr>
        <td valign="top"><div align="center"><img src="http://www.xpg.us/newsletter/images/divider.jpg" alt="dot divider" width="497" height="13"></div></td>
        </tr>      

	<tr><td><div><div align="left"><span class="header">SAMPLE HEADER - The quik brown fox had a great big cock.</span><br><br>
        <span class="subHeader">SUBHEADER - </span><span class="bodyTxt">bodyTxt begins here, lorem ipsum mem ip usip merol jtwot snorzelfop. Jconsectetuer adipiscing elit. Aenean a diam. Etiam eget est. Fusce tempus ornare diam. Proin venenatis lectus sed lacus. Phasellus sit amet lacus. Donec vel quam ac ipsum ullamcorper dapibus. Vivamus sit amet nibh. Aliquam a ligula. Etiam pharetra porta ante. Praesent dolor augue, posuere eu, convallis sit amet, bibendum fringilla, diam. Mauris nulla. Duis tincidunt, erat sed malesuada sodales, urna arcu malesuada pede, sed lobortis felis turpis eu nibh. Cras nulla. Maecenas lobortis, justo eget rutrum posuere, tellus purus placerat arcu, nec semper lacus neque ut sem. Praesent dictum, massa at vestibulum rutrum, lectus turpis laoreet neque, eu posuere risus mi sed purus. Proin in eros. Morbi rhoncus leo non arcu. Donec lacus.</span><br>
        - bodyTxt</div></td></tr>    
        
        
        
        
        
        </div></td></tr></table>
	<table width="600" border="0" align="center" cellpadding="0" cellspacing="16">
  		<tr>
  	 	 <td><div align="center"><span class="txtDisclaimer ">Please feel free to forward this newsletter to anyone that may be interested</span><br>
   		 <a href="mailto:chezshire@gmail.com?subject=Please take me off the mailing list" email>unsubscribe to newsletter</a></div></td>
		 </tr>
	</table>
<p> </p>
</body>
</html>

JasonLewis · November 16, 2008

Try 'bold' instead of 'strong'.

Chezshire · November 16, 2008

Do i do that where i have 'font weight:' in the CSS?

haku · November 16, 2008

font-style: bold;
font-weight: strong;

Neither of these exist. They should both be:

font-weight: bold;

Chezshire · November 16, 2008

Thank you thank you a thousands times thank you!

Sign In

[SOLVED] CSS NOT BOLDING :( HELP!

Recommended Posts

Chezshire

Link to comment

Share on other sites

JasonLewis

Link to comment

Share on other sites

Chezshire

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

Chezshire

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information