Joindre une page css dans un page html
tiplouf2
Messages postés
703
Date d'inscription
Statut
Membre
Dernière intervention
-
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
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.
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:
- Joindre une page css dans un page html
- Supprimer une page word - Guide
- Comment imprimer un tableau excel sur une seule page - Guide
- Créer une page facebook - Guide
- Page d'accueil - Guide
- Comment traduire une page - Guide
1 réponse
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.
Les balises HTML ne doivent pas se croiser.
Bon exemple:
Mauvais exemple:
En application ça donne:
De plus, avec l'utilisation du CSS, tu peux considérablement réduire et simplifier ce code.
Code HTML
CSS
Ce dernier fait la même chose et simplifie ton code HTML.
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.
