Joindre une page css dans un page html

tiplouf2 Messages postés 821 Statut Membre -
arthezius Messages postés 3756 Statut Membre - 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.

Afficher la suite

1 réponse

Réponse 1 / 1

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
arthezius Messages postés 3756 Statut Membre 475
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

Joindre une page css dans un page html

1 réponse

Discussions similaires

Newsletters