Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: CSS Dilemna

  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Dilemna

    My fonts and such are a bit screwy with my CSS. I was wondering if any of you could look it over?

    Code:
    body {
    	background-color: #000000;
    	margin-top: 0px;
    }
    
    #contentBox {
    	border: dotted Aqua;
    	height: 818px;
    	padding-left: 3%;
    	padding-right: 3%;
    }
    
    .mainTitle {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #cccc33;
    	font-size: 18px;	
    	font-variant: small-caps;
    	}
    
    .subTitle {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #7a7a1e;
    	font-size: 16px;
    	text-decoration: underline;	
    	}
    	
    .content {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	}
    
    .italics {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	font: italic;
    }
    	
    a:link 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	}
    	
    a:visited 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	}
    	
    a:hover 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;	
    	text-decoration: underline;	
    	}
    	
    a:active 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	text-decoration: underline;	
    	}
    	
    .bodyContent {
    	background-image: url(images/body.jpg);
    	background-position: bottom;
    	background-repeat: no-repeat;
    	width: 960px;
    	height: 818px;
    }

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,642
    Thanks
    6
    Thanked 1,004 Times in 977 Posts
    Define “screwy”, please. There’s nothing wrong with the font specifiations in the stylesheet.

  • #3
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Could you provide a more exact explanation of the problem your having so we can troubleshoot?
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #4
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    For example, this page is messed up: http://www.testing.phantasmatamedia..../engAwards.htm

  • #5
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Are you referring to the footer being in the middle of the page? Other than that, I don't see any messed up text.
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design

  • #6
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yes, indeed.

  • #7
    Regular Coder optimus203's Avatar
    Join Date
    Sep 2008
    Location
    CT
    Posts
    317
    Thanks
    22
    Thanked 16 Times in 15 Posts
    Then this should fix your issue (note, I took out the Javascript). Set the height values in your css to auto, instead of specified heights. You also want to enclose the names of your divs in quotations. You also had a <ul> within a <p>, which is not advised.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link href="ncwf.css" rel="stylesheet" type="text/css">
    <title>National Capital Wildlife Festival - Awards (English)</title>
    <style type="text/css">
    body {
    	background-color: #000000;
    	margin-top: 0px;
    }
    
    #contentBox {
    	border: dotted Aqua;
    	height: auto;
    	padding-left: 3%;
    	padding-right: 3%;
    }
    
    .mainTitle {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #cccc33;
    	font-size: 18px;	
    	font-variant: small-caps;
    	}
    
    .subTitle {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #7a7a1e;
    	font-size: 16px;
    	text-decoration: underline;	
    	}
    	
    .content {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	}
    
    .italics {
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	font: italic;
    }
    	
    a:link 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	}
    	
    a:visited 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	}
    	
    a:hover 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;	
    	text-decoration: underline;	
    	}
    	
    a:active 	{
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	color: #acac67;
    	font-size: 14px;
    	text-decoration: underline;	
    	}
    	
    .bodyContent {
    	background-image: url(images/body.jpg);
    	background-position: bottom;
    	background-repeat: no-repeat;
    	width: 960px;
    	height: auto;
    }
    </style>
    </head>
    <body onLoad="MM_preloadImages('images/eng_HomeOver.jpg','images/eng_EventsOver.jpg','images/eng_ReportsOver.jpg','images/eng_AwardsOver.jpg','images/eng_EducatorsOver.jpg','images/eng_ForumsOver.jpg','images/eng_TrailMapOver.jpg','images/eng_SponsersOver.jpg')">
    <table width="961" border="00" align="center" cellpadding="0" cellspacing="0">
    <tr>
    <td width="1016"><img src="eng_Header.jpg" width="960" height="111"></td>
    
    </tr>
    <tr>
    <td><a href="engHome.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('English Home','','images/eng_HomeOver.jpg',1)"><img src="images/eng_HomeNorm.jpg" alt="English Home" name="English Home" width="95" height="45" border="0"></a><a href="engEvents.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('English Events','','images/eng_EventsOver.jpg',1)"><img src="images/eng_EventsNorm.jpg" alt="Engligh Events" name="English Events" width="114" height="45" border="0"></a><a href="engReports.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Englsih Report','','images/eng_ReportsOver.jpg',1)"><img src="images/eng_ReportsNorm.jpg" alt="English Report" name="Englsih Report" width="128" height="45" border="0"></a><a href="engAwards.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('English Awards','','images/eng_AwardsOver.jpg',1)"><img src="images/eng_AwardsNorm.jpg" alt="English Awards" name="English Awards" width="119" height="45" border="0"></a><a href="engEducators.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('English Educators','','images/eng_EducatorsOver.jpg',1)"><img src="images/eng_EducatorsNorm.jpg" alt="English Educators" name="English Educators" width="139" height="45" border="0"></a><a href="engForums.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Englsih Forums','','images/eng_ForumsOver.jpg',1)"><img src="images/eng_ForumsNorm.jpg" alt="Englsih Forums" name="Englsih Forums" width="113" height="45" border="0"></a><a href="engTrailMap.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('English Trail Map','','images/eng_TrailMapOver.jpg',1)"><img src="images/eng_TrailMapNorm.jpg" alt="English Trail Map" name="English Trail Map" width="131" height="45" border="0"></a><a href="engSponsers.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('English Sponsers','','images/eng_SponsersOver.jpg',1)"><img src="images/eng_SponsersNorm.jpg" alt="English Sponsers" name="English Sponsers" width="121" height="45" border="0"></a></td>
    </tr>
    <tr>
    <td>
    <DIV class="bodyContent">
    <DIV class="table">
    <DIV class="mainTitle"><br> 
    Awards For Excellence in Environmental Conservation
    </DIV>
    <DIV class="content">
    <p>What Are The Awards for Excellence in Environmental Conservation?<br>
    Introduced in 1997 to celebrate the 50th Annversary of National Wildlife Week, the Awards for Excellence in Environmental Conservation are presented to an adult individual, to an adult group, and to a youth or youth group under 21 years whose long-term commitments to conservation of the environment have had significant impacts on wildlife in the Region. Each winner is presented with a framed certificate and a chickadee, mounted on driftwood, carved by woodcarver, Rick St. John.<br>
    
    <br>
    The awards were given at a special ceremony with a well-known guest speaker, reception and silent auction . This ceremony was open to the public.<br>
    <br>
    Unfortunately, The Awards for Excellence will no longer be awarded. Anyone who wishes to nominate an individual or group for an environmental award will be referred to other groups who continue to provide awards.</p>
    <span class="subTitle">Past winners are:</span><br>
    <br>
    Individual Awards:
    <ul>
    <li>Cliff Bennett (2006) for his sustained commitment to protection of the environment over many decades.</li>
    <li>David Spence (2005) for his long-standing, dedicated and successful commitment to protecting the environment in the Ottawa area.</li>
    <li>Elizabeth LeGeyt, the Bird Lady from Manotick, (1998) for her initiatives in providing for and teaching about birds</li>
    
    <li>Luba Mycio-Mommers (2004) for her vision and initiative in creating the Habitat 2000 Program, which has encouraged close to half a million students to participate in wildlife conservation and has become the model for other hands-on projects since the 1980's.    </li>
    <li>Erich Haber (2003) for his concern in protecting our floristic biodiversity and tireless conservation efforts concerning endangered plant species.</li>
    <li>Michèle André-St. Cyr (2002) for her efforts in education about the life and ecology of Eastern Ontario turtles.</li>
    <li>Albert Dugal (2001) for his enormous diligence in the cause of preserving the Leitrim wetland site.</li>
    <li>Allen Tweddle (2000) of Cumberland for his sustained efforts in establishing a network of trails and the Friends of Petrie Island.</li>
    <li>Ann Coffey (1999) for her work with schools in preserving and creating green spaces.
    Email Ann</li>
    <li>Dwight Delahunt (1997) for his efforts in promoting environmental conservation in schools and initiating the Earth School Awards
    
    Group Awards:</li>
    <li> Friends of the Jock River (2006) for their volunteer work in enhancing and protecting the health of the Jock river, its watershed and ecosystem.</li>
    
    <li>Club des ornithologues de l'Outaouais (2005) for fostering an understanding, awareness and appreciation of birds and conservation in the Outaouais.</li>
    <li>Canadian Parks and Wilderness Society (CPAWS) (2004) for their long standing and active role in Ottawa area conservation, having a solid reputation for researching issues, seeking expert opinion and guidance and developing workable, thoughtful proposals.</li>
    <li>Action Chelsea Respect for the Environment (ACRE) (2003) for their energetic efforts in habitat conservation and restoration, water resources, pesticide reduction, sustainable living, and education.</li>
    <li> The Greenspace Alliance of Canada's Capital (GACC) (2002) for their involvement in preserving private and public greenspace in the National Capital area.</li>
    <li>Land Preservation Society of the Ottawa Valley (2001) for their dedication and hard-work in preserving Gillies Grove in Arnprior, a significant greenspace.</li>
    <li>Ottawa Duck Club (2000) for wildlife conservation at the Shirley's Bay Crown Game Preserve</li>
    <li>Baxter Conservation Area (1999) for wildlife conservation and education.</li>
    <li>Fletcher Wildlife Garden (1998) for the creation of a sustainable area for wildlife conservation</li>
    
    <li>Ottawa Field-Naturalists' Club (1997) for wildlife conservation.
    
    In 1999 a Youth Award was added to recognize young people under the age of 21:</li>
    <li>Carleton Place High School and Andy Kerr-Wilson (2006) for the creation of an Environmental Education Program so successful students are willing to transfer out of other schools to take this unique course.</li>
    <li>Ridgemont High School B.E.A.R. Program (2005) for being an excellent example of youth leadership in assisting in the protection of natural spaces in the Ottawa area and accomplishing many successful initiatives that engage its members to bring environmental issues to light within the school community and the larger local community.</li>
    <li>Michael Leveille and the Educarium Science Students (2004) who recognized the significance of the Macoun Marsh at the Beechwood Cemetery and initiated a scientific study which promoted awareness of the marsh and its biodiversity.</li>
    <li>Students, teachers and parents of Castor Valley Elementary School (Greely)(2003) for their creation of a flourishing greenspace attractive to students and beneficial to wildlife out of an unshaded, wind swept, bare 13 acres.</li>
    <li>Students of Blossom Park Public School (2002) for their "Hub Community Project" which brings together the community in focussing on environmental action.</li>
    <li>The Students of Kars Public School (2001) for their efforts in greening their schoolyard and providing space for wildlife.</li>
    <li>Macoun Field Club of Ottawa (2000) for training youth in natural history and conservation values, as well as conservation projects conducted.</li>
    <li>Girl Guides of Canada, Ottawa Area (1999) won the award for multiple environmental projects in the National Capital Region.
    
    Honourable Mention Awards:</li>
    
    <li>Ghislaine Rozon (2006) for working so hard to protect and preserve Larose Forest as a conservation reserve for now and for the future.</li>
    <li>The Amphibian Conservation Club (2004) whose dynamic efforts to save animals from a pond which was going to be filled in by recruiting over 85 families, the support of the City of Ottawa, and other volunteers.</li>
    <li>The Environmental Club of St. Michael's School, Fitzroy Harbour (1999);
          The Willow Street Angels (1999);
          Nancy McGruer's Grade 3 Class (1999);
          St. Anthony's School (1999)
    
    Posthumous Awards:</li>
    <li>Nicole Bruinsma (2003) for her spirited environmental advocacy and educational work on the dangers inherent in pesticide use.</li>
    <li>Ferdinand Larose (2001) for his vision in the creation of the Larose Forest. </li>
    </ul>
    </DIV>
    </DIV></DIV>
    </td>
    </tr>
    <tr>
    <td><img src="http://www.testing.phantasmatamedia.com/wildlife/images/eng_Footer.jpg" width="960" height="49"></td>
    
    </tr>
    </table>
    </body>
    </html>
    Always thank those CF Users who help you solve issues...
    Connecticut Web Design


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •