Joindre une page css dans un page html

Fermé
tiplouf2 Messages postés 703 Date d'inscription samedi 23 août 2008 Statut Membre Dernière intervention 15 mai 2017 - 3 oct. 2012 à 16:32
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 3 oct. 2012 à 18:14
Bonjour,

voilà mon problème je n'arrive pas à joindre ma page css dans mon html j'ai fais ceci
<! DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="pagescss.css" type="text/css" />
<meta charset="utf-8" />
<title>Triathlon de Macon</title>
</head>
<BODY BACKGROUND="triathlon.jpg">
<h1><em><div style=font-family:"Broadway" align="center" ><font color=#FBC64B><p>Triathlon de Macon</p></font></h1></em></div>
<h2><div align="center"><font face="verada" color="#FFE469"><p>Resultats</p></font></div></h2>
<br/><div align="center"><footer>
<a href="http://www.macon.fr/" target="_blank"><img src="https://trimacon.org/" alt="Ville de Mâcon" title="Ville de Mâcon" width="100" border="0" vspace="2" ></a>
<a href="http://www.triathlon-bourgogne.com/" target="_blank"><img src="https://trimacon.org/" alt="Ligue de Bourgogne" title="Ligue de Bourgogne" width="100" border="0" vspace="2" ></a>
<a href="http://www.carrefour.fr/magasin/votremagasin/?id=230" target="_blank"><img src="https://trimacon.org/" width="100" border="0" vspace="2" alt="Carrefour arket Charnay-lès-Mâcon" title="Carrefour arket Charnay-lès-Mâcon"></a>
<a href="http://www.outdoor-evasion.fr" target="_blank"><img src="https://trimacon.org/" width="100" border="0" vspace="2" alt="Outdoor Evasion" title="Carrefour arket Charnay-lès-Mâcon"></a>
<a href="https://www.florissim.fr/" target="_blank"><img src="https://trimacon.org/" alt="Florissim" title="Florissim" width="100" vspace="2" border="0" ></a>
<br />
<a href="https://www.regilait.com/" target="_blank"><img src="https://trimacon.org/" alt="Régilait" title="Régilait" width="100" vspace="2" border="0" ></a>
<a href="https://www.adbpub.com/" target="_blank"><img src="https://trimacon.org/" alt="ADB Publicité" title="ADB Publicité" width="100" vspace="2" border="0" ></a>
</td>
<td width="150" align="center" valign="top">
<a href="http://fvi71.fr/" target="_blank"><img src="https://trimacon.org/" alt="Fédération des Vignerons Indépendants de Saône et Loire" title="Fédération des Vignerons Indépendants de Saône et Loire" width="100" vspace="2" border="0" ></a>
<a href="http://www.yaka-events.com/" target="_blank"><img src="https://trimacon.org/" alt="Yaka Events" title="Yaka Events" width="100" vspace="2" border="0" ></a>
<a href="https://www.pruvost-immo.com/" target="_blank"><img src="https://trimacon.org/" alt="Activ Immo" width="100" vspace="2" border="0" title="Activ Immo" ></a>
<br /><br />
<a href="http://www.cyclovert71.fr" target="_blank"><img src="https://trimacon.org/" alt="Cyclo vert 71" title="Cyclo vert 71" width="100" vspace="2" border="0" ></a>
<a href="https://www.service-client.veoliaeau.fr/site/veolia/Accueil/votre-ville" target="_blank"><img src="https://trimacon.org/" alt="Veolia Eau" title="Veolia Eau" width="100" border="0" vspace="2" ></a>
<a href="https://www.isosteo.fr/" target="_blank"><img src="https://trimacon.org/" alt="Veolia Eau" title="Veolia Eau" width="100" border="0" vspace="2" ></a>
<a href="https://www.le-sportif.com/Registration/RegistrationSearch.aspx" target="_blank"><img src="https://trimacon.org/" alt="le Sportif.com" title="LE-SPORTIF.COM - Le partenaire de votre sport !" width="100" border="0" vspace="2" >
</a></div></footer>
Merci de vos réponse, Cordialement.
A voir également:

1 réponse

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
3 oct. 2012 à 18:14
Si ton fichier CSS pagescss.css se trouve dans le même dossier que ta page tu devrais pas avoir de problème.
Toutefois, j'en vois d'autres et des graves.
<h1><em><div style=font-family:"Broadway" align="center" ><font color=#FBC64B><p>Triathlon de Macon</p></font></h1></em></div> 

Les balises HTML ne doivent pas se croiser.
Bon exemple:
<h1><em>Titre</em></h1>

Mauvais exemple:
<h1><em>Titre</h1></em>

En application ça donne:
<h1><em><div style=font-family:"Broadway" align="center" ><font color=#FBC64B><p>Triathlon de Macon</p></font></div></em></h1>

De plus, avec l'utilisation du CSS, tu peux considérablement réduire et simplifier ce code.
Code HTML
<h1>Triathlon de Macon</h1>

CSS
h1{
font-family:"Broadway";
text-align:center;
color:#FBC64B;
font-style:italic;
}

Ce dernier fait la même chose et simplifie ton code HTML.
2