CSS fontcode

Status
Niet open voor verdere reacties.
W

whitetigerck

Gebruiker
Lid geworden
8 aug 2008
Berichten
196
Ik ben bezig om mijn website te verbeteren met behulp van css en dat lukt aardig goed alleen lukt mij niet om de H1 tags goed te zetten.
In de css code staat wat ik wil hebben, maar dat geeft hij niet goed weer. Ook wil ik het bericht welkom op de website niet dikgedrukt hebben. Wat moet ik dan veranderen in mijn code?
Ik was zelf van plan om die tekst de markering H3 te geven, maar dan moeten die tags wel goed werken, want als ik nu die tag tussen de tekst welkom op de website zet gebeurd er niks. Ik wil ook geen witregels daartussen hebben, ik dach dat ik dat op kon lossen met margin: 0 en padding: 0, maar dat lukt dus ook niet. Dus wie wilt mij helpen om mij op dit gebied wat wijzer te worden?

Hieronder staan mijn codes:
Dit is de css:
PHP: 
body
{
margin: 0;
padding: 0;
color: #000;
background-color: #FF9900;
font-family:"Times New Roman", Times, serif;
}

h1 { 
font-weight: bold; 
font-size: 12px;
text-align: left; 
display:inline;
}

h2 { 
font-weight:bold; 
font-size: 14px;
}

h3 {
font-size: 12px;
font-weight: normal;
}

h4 {
font-size: 10px; 
font-style: italic;
}

#header
{
background-color: #FF9900;
font-size: medium
} 


#nav
{
float: left;
width: 180px;
background-color: #FF9900;
} 

#nav p
{ 
margin-top: 0; 
} 

#content
{
margin: 0 2em 0 180px;
text-align: left;
margin-top: 0; 
} 


#content p
{ 
margin-top: 0; 
} 


#footer
{
clear: both;
background-color: #666;
padding: 1em;
text-align: center;
border-top: 1px solid #333;
font-size: 10pt
}

HTML 1e pagina
HTML: 
<body bgcolor="#FF9900">
<h1>11 december</h1>
<h2>Titel</h2>
<h3>een stukje tekst</h3>
<h4>auteur</h4><body>

en HTML 2e pagina
HTML: 
<body style="background-color: #FF9900">

<table>
	<tr>
		<td style="width: 70px"><img border="0" src="Logo%20HWP2.jpg" width="65" height="110" align="left"></td>
  <td class="style1" style="width: 720px"><i>
		<b>
<font face="Comic Sans MS" style="font-size: 40pt">Het Witte Paard</font></b></i><p style="margin-top: 0; margin-bottom: 0" align="center" class="style3">
		<marquee>Welkom op de website van de Sasse schaakvereniging Het Witte Paard.</marquee></td>
		<td style="width: 70px"><img border="0" src="Logo%20HWP2.jpg" width="65" height="110" align="left"></td>
  </tr>
</table>

Hoe het er nu uitziet:
sshwpig6.jpg
 
Aparte style maken voor de kop.

Code:
HTML: 
<style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}

h1 { 
font-weight: bold; 
font-size: 12px;
text-align: left; 
display:inline;
margin-top:0;
mergin-bottom:0;
} 

h2 { 
font-weight:bold; 
font-size: 14px;
}

h3 {
font-size: 12px;
font-weight: normal;
}

h4 {
font-size: 10px; 
font-style: italic;
}
.kop
{
font-size: 40pt;
font-family:"Comic Sans MS";
font-weight:bold;
font-style:italic;
}

</style>
	</head>
	
	<body style="background-color: #FF9900">
		
		<table>
			<tr>
				<td style="width: 70px">
					<img border="0" src="Logo%20HWP2.jpg" width="65" height="110" align="left">
				</td>
				  
				<td class="style1" style="width: 720px">
					<div class="kop">
						Het Witte Paard
					</div>
					<marquee>
						Welkom op de website van de Sasse schaakvereniging Het Witte Paard.
					</marquee>
				</td>
				<td style="width: 70px">
					<img border="0" src="Logo%20HWP2.jpg" width="65" height="110" align="left">
				</td>
				  
			</tr>
		</table>
		
		
	</body>
	
</html>


:cool:
 
bedankt het werkt:thumb:

weet je toevallig ook of er een mogelijkheid is in css om als je op een hyperlink klikt dat hij in een bepaalde div komt, dus dat je niet elke pagina moet veranderen?
Ik ben namelijk bezig om mijn website te vertalen van een table layout naar een css layout.
 
oke bedankt, dan zal ik maar een iframe gebruiken. Ik was van plan om die frames weg te werken, heb ik daar blijkbaar toch nog een frame voor nodig :p

ik kan trouwens geen max height doen, zodat alle tekst er staat of height 100%, is daar een goed truukje voor of moet ik het maar doen met bijv. 1200px instellen en leven met het feit dat er 2 scrollbars zijn.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan