Sujet Précédent Sujet Suivant

Je suis debutan mon css n'a pas d'effet sur mon html que faire ?

Fermé
abdallah - 19 avril 2013 à 15:36
hautparleur Messages postés 213 Date d'inscription mercredi 9 janvier 2013 Statut Membre Dernière intervention 13 mai 2016 - 27 avril 2013 à 10:13
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;
}
A voir également:

4 réponses

Réponse 1 / 4
Ysabe_l Messages postés 12574 Date d'inscription vendredi 12 avril 2013 Statut Contributeur Dernière intervention 3 novembre 2024 276
21 avril 2013 à 11:45
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.
1
hautparleur Messages postés 213 Date d'inscription mercredi 9 janvier 2013 Statut Membre Dernière intervention 13 mai 2016 15
27 avril 2013 à 10:13
Je dois rajouter que </br> est une balise fermante.
On écrit <br /> ou <br> car cette balise ne se ferme pas.(comme <input />)
0
Réponse 2 / 4
Utilisateur anonyme
Modifié par le père. le 19/04/2013 à 15:47
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.
0
Réponse 3 / 4
nouns62 Messages postés 110 Date d'inscription jeudi 3 novembre 2011 Statut Membre Dernière intervention 3 février 2014 98
19 avril 2013 à 17:01
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.
0
abdallah
21 avril 2013 à 00:51
j'ai exactement enregistrer mon fichier css sous le nom de style.css mais ça pas donner .
0
Réponse 4 / 4
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
19 avril 2013 à 22:15
Fais tout en inline, ainsi plus de problèmes. Ou pas.
-2
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
19 avril 2013 à 23:17
Qu'entends-tu par inline ?
0
prosthetiks Messages postés 1189 Date d'inscription dimanche 7 octobre 2007 Statut Membre Dernière intervention 12 juin 2020 431
Modifié par prosthetiks le 20/04/2013 à 00:02
Tu peux mettre du CSS directement dans les balises html: 

<p style="color:red; font-size: 40pt;">Texte rouge de 40pt</p>


C'est une mauvaise pratique qu'on appelle "inline".
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
20 avril 2013 à 00:03
Oui je confirme c'est une très mauvaise pratique !
Vu que l'attribut style à un poids de 1000 il prends le dessus sur tout le reste
0
Utilisateur anonyme
20 avril 2013 à 00:04
Pourquoi donner ce conseil, puisqu'il est mauvais ? Surtout qu'on sait depuis le début que le problème d'abdallah, c'est une chaîne non fermée ....
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
20 avril 2013 à 00:05
Il n'a pas confirmé.
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse