Je suis debutan mon css n'a pas d'effet sur mon html que faire ?
abdallah
-
hautparleur Messages postés 207 Date d'inscription Statut Membre Dernière intervention -
hautparleur Messages postés 207 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
que doit changer pour que mon css puisse avoir effet ?
j'utilise notepad++
voi ci mes codes j'ai pas mis grand chose c'est juste pr essayer
HTML:
DOCTYPE html>
<html>
<head>
<meta charset="utf-8/>
<link rel="stylesheet" href="style.css"/>
<title>Abdallah mon parcours </title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="entete_du_siteweb">
<img src="####" alt=logo_du_siteweb"/>
<h1> logo du siteweb !<h1>
</div>
<nav>
<div id="menu">
<ul>
<li>
<a href="page_menu.html">MENU
</a>
</li>
<li><a href="page_blog.html"> BLOG </a>
</li>
<li><a href=page_cv.html">CV </a>
</li>
<li><a href="page_contacte.html">CONTACT </a>
</li>
</ul>
</div>
</nav>
</header>
<div id="ma_grosse_photo">
<div id="description_de_ma_grosse_photo">
Retour sur mes aventures!
<a fref="#" class="bouton_rouge">voir article <img src="#" alt=""/>
</a>
</div>
</div>
<div id="le_centre_du_page"
<section>
<article>
<img src="#" alt="mascotte"/>
<h1> Je suis un grand webmaster !</h1></br>
<p> biographie:fhiufdhuihrfhoejruerwqih <mark> ABDALLAH </mark> fdnfkjoijerhjknfcnnbcnbhdfiuhkhkjdvkjnvnmbvkjjkfhkjhfjhkjhskjhgjhkhvkjbvjbvjhjkfhdkhkjgfhjvbbchfksdhwthvhbcvhgegkhvbnmsghfiugbvhcbfgjhgshfgfjhsd</p>
</article>
<aside>
<h1> A propos de l auteur .<h1>
</br>
<img src="#" alt="mascotte"/>
<p> ma bio ici
</p>
<ul>
<li>
<a href="http://www.facebook.com"><img src="#" alt=""FACEBOOK"/></a>
</li>
<li>
<a href="http://www.twitter.com"> <img src="#" alt="twitter"/>
</a>
</li>
</ul>
</p>
</aside>
</section>
</div>
<footer>
<div id="le_bas_du_siteweb">
<div class="mon_dernier_tweet">
<h1>Mon dernier tweet.</h1>
<p> hahahahaha </p>
<p>le 18-04 a 16h00 </p><p/>
</div>
<div id="mes_photos">
<h1>Mes photos </h1>
</br>
<img src="#" alt="photo_de_abdallah"/>
<img src="#" alt="photo_de_haidara"/>
</div>
<div id="mes_amis">
<h1> Mes amis</h1>
<ul>
<li><a href="#" > Mohamed </a></li>
<li> <a href="#" > Ali</a> </li>
<li> <a href="#" > Aboubacar </a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>
voici LE CSS
p
{ color: blue;
}
h1
{
color: red;
}
que doit changer pour que mon css puisse avoir effet ?
j'utilise notepad++
voi ci mes codes j'ai pas mis grand chose c'est juste pr essayer
HTML:
DOCTYPE html>
<html>
<head>
<meta charset="utf-8/>
<link rel="stylesheet" href="style.css"/>
<title>Abdallah mon parcours </title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="entete_du_siteweb">
<img src="####" alt=logo_du_siteweb"/>
<h1> logo du siteweb !<h1>
</div>
<nav>
<div id="menu">
<ul>
<li>
<a href="page_menu.html">MENU
</a>
</li>
<li><a href="page_blog.html"> BLOG </a>
</li>
<li><a href=page_cv.html">CV </a>
</li>
<li><a href="page_contacte.html">CONTACT </a>
</li>
</ul>
</div>
</nav>
</header>
<div id="ma_grosse_photo">
<div id="description_de_ma_grosse_photo">
Retour sur mes aventures!
<a fref="#" class="bouton_rouge">voir article <img src="#" alt=""/>
</a>
</div>
</div>
<div id="le_centre_du_page"
<section>
<article>
<img src="#" alt="mascotte"/>
<h1> Je suis un grand webmaster !</h1></br>
<p> biographie:fhiufdhuihrfhoejruerwqih <mark> ABDALLAH </mark> fdnfkjoijerhjknfcnnbcnbhdfiuhkhkjdvkjnvnmbvkjjkfhkjhfjhkjhskjhgjhkhvkjbvjbvjhjkfhdkhkjgfhjvbbchfksdhwthvhbcvhgegkhvbnmsghfiugbvhcbfgjhgshfgfjhsd</p>
</article>
<aside>
<h1> A propos de l auteur .<h1>
</br>
<img src="#" alt="mascotte"/>
<p> ma bio ici
</p>
<ul>
<li>
<a href="http://www.facebook.com"><img src="#" alt=""FACEBOOK"/></a>
</li>
<li>
<a href="http://www.twitter.com"> <img src="#" alt="twitter"/>
</a>
</li>
</ul>
</p>
</aside>
</section>
</div>
<footer>
<div id="le_bas_du_siteweb">
<div class="mon_dernier_tweet">
<h1>Mon dernier tweet.</h1>
<p> hahahahaha </p>
<p>le 18-04 a 16h00 </p><p/>
</div>
<div id="mes_photos">
<h1>Mes photos </h1>
</br>
<img src="#" alt="photo_de_abdallah"/>
<img src="#" alt="photo_de_haidara"/>
</div>
<div id="mes_amis">
<h1> Mes amis</h1>
<ul>
<li><a href="#" > Mohamed </a></li>
<li> <a href="#" > Ali</a> </li>
<li> <a href="#" > Aboubacar </a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>
voici LE CSS
p
{ color: blue;
}
h1
{
color: red;
}
4 réponses
-
Bonjour,
Il y a pas mal d'erreurs dans ton code.
ligne 1 il manque le début <!DOCTYPE html>
ligne 4 comme déjà dit <meta charset="utf-8"/>
ligne 9 tu ouvres une <div> que tu ne fermes nulle part
ligne 13 la balise fermante est erronée <h1> logo du siteweb !</h1>
ligne 35 tu as écris fref au lieu de href
ligne 47 balise <h1> non fermée
ligne 54 tu as ouvert 2 fois les guillemets avec facebook
ligne 61 tu as un </p> alors qu'il n'y a aucun <p> ouvert et non fermé avant
lignes 66/67 tu ouvres footer puis div et lignes 87/88 tu fermes footer puis div, il faut fermer div avant footer
ligne 71 tu as <p>le 18-04 a 16h00 </p><p/> il faut enlever le <p/> à la fin
il y a aussi des choses inutiles, exemple lignes 32 à 38, quel intérêt de faire 2 div l'une dans l'autre alors qu'il n'y a rien entre les deux :
<div id="ma_grosse_photo"> <div id="description_de_ma_grosse_photo"> Retour sur mes aventures! <a fref="#" class="bouton_rouge">voir article <img src="#" alt=""/> </a> </div> </div>
Je te conseille de bien indenter ton code c'est plus facile pour voir rapidement où sont les erreurs de balises manquantes ou en trop. Je te conseille aussi de respecter toujours la même écriture, là par exemple quand tu as des li et des a des fois c'est sur la même ligne des fois non, du coup tu t'y perds plus facilement.
Une fois que le code sera propre tu pourras voir pour le CSS si il fonctionne ou pas. -
Bonjour
Pour commencer...<meta charset="utf-8/>
mets un " après utf-8, car actuellement, le nom du charset déborde sur la balise suivante qui est justement celle de ton css. -
Cette ligne (la 5ème) fait référence au fichier css, qui doit être placé dans le même dossier que ton html ici.
<link rel="stylesheet" href="style.css"/>
J'ai mis en gras le nom que doit avoir ton fichier css. -
Fais tout en inline, ainsi plus de problèmes. Ou pas.
