H1 tag not displaying proper font size with CSS link

[sovereign6]

Hi

I am having a problem with my CSS link not picking up the correct font size display for h1 tag.

http://www/pro-netmarketing.co.za

Any help will be greatly appreciated.

Cheers

[chicgeek]

Fix your link, mate. Replace / with .
I'll have a look at it.

[chicgeek]

I'm a huge type-A personailty, so one of the first things I did was move the h1 entry in your stylesheet up by the h2 for organization. That seems to have fixed it.

I strongly suggest that you run your CSS through a validator to clean up.

[sovereign6]

Hi there chicgeek.

Thanks for the help.

Where do I get my hands on a CSS validator prefferably freeware?

You mentioned that you fixed the link, is it possible to send me the css attachement to info@pro-netmarketing.co.za.

Is there a css validator in dreamweaver?

Thanks

[chicgeek]

There is, but I suggest you use this one.

Here is the pronetZA.css file

body,td,th {
	color: #000000;
}
body {
	background-color: #000066;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.SuBhead1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #FFFFFF;
	background: #00CC33;
	padding: 5px;
}
p {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 5px;
}
.SmalltxtCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
	padding: 5px;
}
h1 {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #000066;
	background: #F4F4F4;
	padding: 5px;
}
h2 {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #000000;
	background: #FFFFFF;
	padding: 5px;
	text-align: left;
}
.Smalltxt {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 14px;
}.vSmalltxt {
	font-family: Tahoma;
	font-size: 10px;
	line-height: 15px;
}

.MainlinktxtPad {
	font-family: Tahoma;
	font-size: 9pt;
	padding: 5px;
	font-weight: bold;
	
	}
	

.SubtitleBoldtxtPad {
	font-family: Verdana, Arial, Helvitica, Sans Serif;
	font-size: 16px;
	padding: 5px;
	font-weight: bold;
	}

.Subtitletxt {
	font-family: Verdana, Arial, Helvitica, Sans Serif;
	font-size: 14px;
	font-weight: bold;
	}

.Normaltxt {
	font-family: Arial, Helvetica;
	font-size: 9pt;
	line-height: 16pt;

}

.Mainlinktxt {
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
}
		
a:link {
color:#000066;
}

a:visited {
color:#990000;
}

a:hover {
color:#ffff00;
 text-decoration: underline}


.Whiltelink:link 
{
color:#FFFFFF;
text-decoration: none}

.Whiltelink:visited {
color:#FFFFFF;
text-decoration: none}

.Whiltelink:hover {
color:#000000;
text-decoration: underline}

.Redlink:link 
{
color:#CC0000;
text-decoration: none}

.Redlink:visited {
color:#2F7821;
text-decoration: none}

.Redlink:hover {
color:#CC0000;
text-decoration: underline}
	
	.webhost2opt {
	background:  url(/ImageFolder/webhost2opt.jpg) no-repeat;
	height: 228px;
	width: 187px;
}
.re18 {
	background:  url(/ImageFolder/re18_18_redopt.jpg) no-repeat;
	height: 254px;
	width: 163px;
	
.background {
	background: #E9E9E9;
}
	
.prof_services {
	background: #0000CC;
	border: 1px solid #000066;
}
.prf_box {
	background: #E9E9E9;
	padding: 3px;
	border: 2px groove #666666;
}
.onspeedbox {
	border: 1px solid #000033;
	}
#bodytable {
	border collapse: collapse;
	border:none;
	width: 795px;
	clip:  rect(0px auto 0px auto);
	background: #FFFFFF;
}
#TopImageTable {
	background:  url(http://pro-netmarketing.co.uk/ImageFolder/ProHeader.jpg) no-repeat;
	height: 162px;
	width: 795px;
	width: 100%;
}
#navTable {
	background: #6F7399;
	height: 29px;
	width: 795px;
	border: 2px double #000033;
	}
	#WebReportsTable {
	border: 1px solid #000000;
}
#WebReportsTable1 {
	font: 10pt Arial, Helvetica, sans-serif;
	padding: 5px;
	border-top: 0px none #FFFFFF;
	border-right: 0px none #FFFFFF;
	border-bottom: 0px none #FFFFFF;
	border-left: 0px none #FFFFFF;
}
.tickboximage {
	background:  url(/ImageFolder/ncheck_re.jpg) no-repeat;
}
.tickboximagelrge {
	background:  url(/ImageFolder/ncheck.gif) no-repeat center;
	}
#webheadingsTable {
	font-size: 16px;
	font-weight: bold;
	color: #000080;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#VTCTable {
	background: #E9E9E9;
	height: 381px;
	width: 185px;
	}
h3 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: #000000;
	background: #A5C5DE;
	padding: 5px;
}
ul ul {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
#catblock {
	background:  url(/ImageFolder/mindmapre.gif) repeat-y;
}
#profservbox {
	border: 1px solid #000066;
}
#TopImageTable2 {

	background:  url(http://pro-netmarketing.co.uk/ImageFolder/ProHeader.jpg) no-repeat;
	height: 162px;
	width: 795px;
	width: 100%;
}

A couple of more things. If you use FireFox, I suggest you get the EditCSS extension. It's a great tool that allows you to tweak the CSS of any page you view. Perfect for things like this.

The same extension shows me that you have mixed styles. That is, you have the properly linked stylesheet (above) but also three other inline stylesheets. Ie.

/**** Inline STYLE-tag style sheet ****/

.stctb{width:auto;height:auto;border-style:none;background-color:transparent;background-image:none;}
.stctr{width:auto;height:auto;border-style:none;background-color:transparent;background-image:none;}
.stctd{height:auto;border-style:none;background-color:transparent;background-image:none;}
.stcdv{width:auto;height:auto;margin:0px;padding:0px;background-color:transparent;background-image:none;}
.stca{border-style:none;margin:0px;padding:0px;background-color:transparent;background-image:none;}


/**** Inline STYLE-tag style sheet ****/

<!--
-->


/**** Inline STYLE-tag style sheet ****/

.style1 {font-size: 9pt; font-family: Tahoma;}

The second and thirds are the fault of Dreamweaver if you do too many design-view tweaks. You can easily just amalgamate them.

Hope that helps!

[sovereign6]

Hi Laura/chicgeek.

Thanks so much.