Font color and size different from what I see in design view (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


natatkinson -> Font color and size different from what I see in design view (2/18/2007 11:07:28)

I am assuming this is a CSS problem, but I am working on a webpage that is part of my schools website. I am working on the school's rec center page, so I am using the schools website template, and linking to their headers and footers (php include). So I am putting pages, and when I put them, they appear on the internet with different font sizes and colors then the ones I set in Dreamweaver. This is really frustrating becuase I can never get my pages to load up from the internet and look the way they do in dreamweaver. What do I need to do to fix this problem?, I really appreciate your help!




jaybee -> RE: Font color and size different from what I see in design view (2/18/2007 12:02:20)

Without a bit more info it's difficult to tell. Can we see a page? What fonts are you using?




natatkinson -> RE: Font color and size different from what I see in design view (2/18/2007 15:22:02)

I am re-designing this page ( http://www.eiu.edu/campusrec ) to this page: ( http://www.eiu.edu/campusrec/newsite2/ )


The main page of the site is www.eiu.edu


If you look at some of the pages, some of the titles are different colors and sizes, and its really frustrating. Thanks for the reply.




jaybee -> RE: Font color and size different from what I see in design view (2/18/2007 18:10:46)

OK, where to start. Well first off you have some extraneous code in the page which won't help
quote:


EIU Logo


Charleston, IL (61920) Weather
'); // -->


Looking at the code for some of the pages you have all the styles before the doctype and the <html> <head> which will throw the browsers into quirks mode and do Lord knows what else as well.

<style type="text/css">
<!--
.style1 {
	color: #0000FF;
	font-size: x-large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
}
.style2 {font-size: x-large}
-->
</style>
<!-- InstanceBegin template="/Templates/NEW rec.dwt.php" codeOutsideHTMLIsLocked="false" -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>


I suggest you fix those first and see what that does to the pages.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
6.347656E-02