css stylesheet in html zetten

Status
Niet open voor verdere reacties.
F

frans164

Gebruiker
Lid geworden
1 feb 2008
Berichten
101
Hallo,

Ik ben bezig als beginner aan m'n eigen site,, nu heb ik eerst alle opmaak in html gezet,, maar nu wil ik graag een css bestandje ernaast hebben,, ik wil dus eerst de header opmaken in css ( zie m'n code, afmetingen geef ik nu dus in m'n css aan. ) nu het probleem: ik zie niets van m'n css trug in m'n website,, ik heb alles volgens het "boekje" gedaan dus ik loop nu aardig vast,, zou u even kunnen kijken wat het probleem is?

MVG Frans


--HTML:------------------------------------
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>F&F Computers</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<table align="center" width="700px" height="100%" cellspacing="0" cellpadding="2" border="1"/>
<tr>
	<td class="header"><font color="#FFFFFF"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="index.html"><font color="#FFFFFF">HOME</font></a>
--CSS------------------------------------
HTML: 
#header} background="headervista.jpg" height="150px" colspan="2" align="left" valign="bottom" <font color="#FFFFFF"/>}
span.marker{background-color:#666666}
p.garamond {font-family: garamond; color:#0000CC}
p.arial {font-family: arial; font-size:14pt}
p.georgia {font-family: georgia}
p.courier {font-family:courier font-size:16pt}
 
Laatst bewerkt door een moderator:
PHP: 
#header} background="headervista.jpg" height="150px" colspan="2" align="left" valign="bottom" <font color="#FFFFFF"/>}

Moet zijn:

PHP: 
#header{ 
  background: url(headervista.jpg);
  height: 150px;
  text-align: left;
  color: #FFFFFF;
  vertical-align: bottom;
}

Maar als je toch met CSS gaat werken, verdiep je er dan goed in en stap van die tabellen af.
 
Ik ben helemaal met je eens dat ik me er goed in moet verdiepen maar het doel is toch dat ik het ook met tabellen kan.

#header{
background: url(headervista.jpg);
height: 150px;
text-align: left;
color: #FFFFFF;
vertical-align: bottom;
}

span.marker{background-color:#666666}
p.garamond {font-family: garamond; color:#0000CC}
p.arial {font-family: arial; font-size:14pt}
p.georgia {font-family: georgia}
p.courier {font-family:courier font-size:16pt}

maar dit heb ik dus van je overgetypt en nog steeds geen passende header
 
Ik heb alleen maar gezorgd dat deze onzin:

PHP: 
#header} background="headervista.jpg" height="150px" colspan="2" align="left" valign="bottom" <font color="#FFFFFF"/>}

geldig werd.
 
Naar mijn bescheiden mening klopt dit niet:

--- begin code -----
<td class="header"><font color="#FFFFFF"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;& nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="index.html"><font color="#FFFFFF">HOME</font></a>

--CSS------------------------------------

#header}
--- end code-----

#header in je style wordt aangeroepen als id
<td id="header">

en

.header in je style wordt aangeroepen als class
<td class="header">

Verschil?
Ja en neen.

Een class mag je meermaals op een pagina gebruiken,
een id gebruik je maar EENMAAL op een pagina.

Id gebruik je voor de layout (div's voor menu etc),
class gebruik je voor bv tekstopmaak.

:cool:
 
Oef,

Slordig dat ik dat niet gezien heb. Gelukkige zitten er ook nog oplettende mensen op het forum! :thumb:
 
Allemaal bedankt voor de reacties,, de oplossing was heel simpel het # veranderen in een . zoals jullie al zeiden..

Bedankt en MVG Frans
 
En die CSS regel veranderen in wat ik zei, anders gaat het nog niet werken.
 
Van 'het ook kunnen met tabellen' is geen sprake. Dat is niet iets dat je op je cv zet, dat is namelijk iets dat niemand meer gebruikt.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan