Help with CSS overriding font styles

shrimp · #1 03-20-2006, 04:55 PM

Hello!

I'm pretty new at CSS and have only done basic stuff with it thus far. I'm now working on a site that's been kinda passed down to me, and am running into some issues. We're updating it from an old design to a new one. Any archaic code in the HTML will be cleaned up, just haven't gotten around to it yet.

Anyway, here's the main problem. The main text in a document (usually indicated in the HTML with < p > tags) is always coming out in bold. Despite the fact that the style sheet clearly has the font-weight set to "normal," it's still bolding everything. There are two exceptions. 1) If text is in a table (as in the code below) it will not bold and behaves properly. And 2) Irony of ironies, this problem only appears in Firefox, not IE. If I play with the other setting in the style sheet, such as font size, that has an effect on the text. I simply cannot get the text to be unbolded.

You'll see in the style sheet that it's not just a problem with the paragraph tag, but I even created a new class in the style sheet (called "yargh") and tried making one of the earlier paragraphs just a DIV CLASS for that, and the bold still pervades that.

If anyone has any other ideas, please let me know. This site has been invaluable to be thus far, but I'm stuck now. Thank you!

Tim

Code:

h1     { color: #339; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-indent: 1em; margin: 0 0 0 2em; padding: 0 }
h2  { color: #900; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-top: 0; margin-left: 2em; padding: 0 }
h3 {color: #900; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center }
a { text-decoration: none }
h1 a:link  { color: #339 }
h1 a:visited  { color: #009 }
h1 a:hover  { color: #900 }
h1 a:active  { color: #000 }
h2 a:link {color: #900}
h2 a:visited  { color: #c00 }
h2 a:hover  { color: #000; }
h2 a:active {color: #000}

body  { 
color: #fff; 
background-image: url("../images/vertical_gradient6.jpg"); 
background-repeat: repeat-x; 
background-attachment: scroll; 
background-position: left top; 
text-align: center; 
margin: 20px; 
padding: 0 }

p  { color: #000; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 2em }

.yargh  { color: #000; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; margin-left: 2em }

#outer {
 text-align:left;
 border:1px solid #C90;
 width:750px;
 margin:auto;
 }

#hdr  { color: #fff;
 background-image: url(../Interior_banner.jpg); 
 background-repeat: repeat;
  background-attachment: scroll;
   background-position: 0 0;
    height: 60px }

#bar  { color: #c90; background: #c90; width: 750px; height: 25px; border: solid 1px #000000 }

#bodyblock {
 position:relative;
 background: #fff;
 color: #fff;
 width:750px;
 padding:0;
 }

#l-col  { color: #fff; background: #fff; text-align: center; text-indent: 2em; width: 145px; float: left }

#cont {
 width:595px;
 background:#ffffff;
 color: #fff;
 border:solid #c90;	
 border-width:0 0 0 1px;
 text-align:left;
 }

#ftr {
 height:25px;
 width: 750px;
 background:#c90;
 color: #c90;
 border:solid #000;
 border-width:1px ;
 margin:0;
 }

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<meta name="generator" content="Adobe GoLive">
		<title>Student Life</title>
		<link href="../../styles/wlsinterior.css" rel="stylesheet" type="text/css" media="all">
	</head>

	<body bgcolor="#ffffff">
	
<div id="outer">
<div id="hdr" align="center"><img src="../../images/Interior_banner.jpg" alt="" border="0"
width="750" height="75" /></div>
<div id="bar"> </div>
<div id="bodyblock" align="right">
				<div id="l-col" align="center">
					<h1></h1>
					<h1></h1>
					<div align="left">
						<h1 class="h1"><br>
							<a href="#">Calendar</a><br/>
									<a href="#">Directory</a><br>
							<a href="#">History</a><b/>
									<a href="#">Administration<br>
							</a></a></h1>
					</div>
				</div>
				<div id="cont">
				
					<div align="center" style="color: red;"></div>
					<h3><a name="top">Student Life</a></h3>
    <hr>
    <p><a name="orientation">New Student Orientation</a></p>
    <div class="yargh">New
    students are introduced to the seminary and its policies in an orientation session that
    takes place on the day before classes begin. The dean of students organizes the
    orientation and sets the agenda. Students are welcomed to the seminary by the president.
    The Bible software program the students will be using is demonstrated. The financial aid
    officer presents pertinent information on the assistance program at the seminary. The
    director of early field training explains the program and its requirements. The dean of
    students introduces the advisor system and explains the materials in the registration
    packet.</DIV>

    <p><a href="studindex.htm#top">Back to the top</a> </p>
    <hr>
    <p><a name="house">Housing</a></p>
    <p>All unmarried students are required to live in the dormitory unless their homes are in
    the immediate vicinity. Each dormitory resident is provided with a desk, chair, shelves
    for books, telephone, cable TV hookup, closet space, bed, and mattress for use during his
    stay. Each dorm section lounge is furnished with a couch and chair, a television set, and
    a refrigerator. Noon meals are offered to off-campus students. While facilities permit,
    off-campus students who carry their own lunch are also encouraged to join the student body
    at the noon meal in the dining room.</p>
    <p><a href="studindex.htm#top">Back to the top</a> </p>
    <hr>

    <p><a name="fac">Faculty Advisors</a></p>
    <p>Each student is assigned a faculty advisor at the beginning of the student's first year
    at the seminary. Under normal conditions the student has the same advisor throughout his
    time of enrollment. The faculty advisor meets with his students periodically. Additional
    consultations may be initiated either by the student or the advisor at any time as needed.
    During the vicar year the faculty advisor is in contact with both the student and the
    student's supervising pastor.<br>
    </p>
    <p><a href="studindex.htm#top">Back to the top</a> </p>
    <hr>
    <p><a name="wor">Campus Worship</a></p>

    <p>Because the seminary believes that Christian faith and life are strengthened by and
    expressed in public worship, opportunities for worship are offered every morning during
    the school year, on most evenings, and on festivals and special occasions.&nbsp; Most
    services are held in the chapel, part of the original campus complex but extensively
    renovated through private gifts during the 2004-05 school year.&nbsp; Designed for about
    200 worshippers, the chapel has flexible seating and chancel areas that enable it to
    server a variety of worship experiences.&nbsp; The room also holds a 24-rank Martin Ott
    pipe organ, dedicated in 1991.</p>
    <p>The seminary's Dean of Chapel oversees the campus worship life. The Worship Committee,
    a committee of students, assissts in the planning of most services. Most students, as well
    as members of the faculty, are given an opportunity to conduct at least one service during
    the course of the year. Students regularly serve as organists, instrumentalists, cantors,
    and choir members. Many of the festivals of the Christian year are celebrated in
    full-length services at which faculty members serve as preachers. </p>
    <p><a href="studindex.htm#top">Back to the top</a> </p>
    <hr>

    <table border="0">
      <tr>
        <td><p><img src="../CatGraphics/choirgrace.JPG" alt="seminary chorus" hspace="5"
        align="right" vspace="5" width="300" height="294"><br>
        <a name="chorus">Seminary Chorus</a></p>
        <p>By its public concerts and appearances the Seminary Chorus represents the seminary in
        the synod and seeks to set a standard for confessional church music.</p>
        <p>Membership in the chorus is open to all students without audition. The seminary's Dean
        of Chapel serves as the director of the chorus. Several rehersals are held each week. The
        chorus makes between twenty and thirty appearances during the school year. The group
        presents its annual Christmas concert in two performances on a Sunday in December and a
        commencement concert on the evening before graduation. Choir tours occur every other year
        during the Easter vacation.</td>
      </tr>

    </table>
  
  	</body>

</html>

**ray326** · #2 03-20-2006, 11:19 PM

Have you run it through the validators? I'd start by fixing the HTML, which is just horrible.

shrimp · #3 03-21-2006, 08:42 AM

Quote:

Originally Posted by ray326

Have you run it through the validators? I'd start by fixing the HTML, which is just horrible.

Yeah, I know. That's what years of a website using Frontpage will do to code I guess. I'll run some validators on the CSS when I've got some time this afternoon. I'm really thinking I might just start by building my own CSS and page from scratch and see what happens. I'll keep you posted.

Thank you!

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)