Sujet Précédent Sujet Suivant

Ma page xHTML n'affiche pas le CSS

Fermé
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 - 18 juil. 2011 à 12:03
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 - 28 juil. 2011 à 19:35
Bonjour,

J'ai créé une page .html et une page .css, le tout sous bloc-notes. Simplement, quand je veux dire à ma page xHTML de s'afficher en fonction du fichier CSS, ça ne fait rien et la page HTML reste blanche avec du texte noir...

Voici mon code HTML :

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />

Je précise qu'il est placé dans <head> </head>

Voici mon code CSS :

p
{
color: blue;
font-size: 18px;
}

Les deux fichiers sont dans le même dossier et j'ai bien mis le bon nom de fichier dans le code HTML... mais ça ne change rien :/

Help me please :)

A voir également:

11 réponses

Réponse 1 / 11
Luxerails Messages postés 159 Date d'inscription jeudi 14 avril 2011 Statut Membre Dernière intervention 24 décembre 2012 41
18 juil. 2011 à 12:14
Ton fichier css s'appelle bien design.css ?
Tu mets bien ton code entre balises <p> ?
0
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
18 juil. 2011 à 12:52
mon fichier CSS s'appelle bien "design.css" et j'ai des balises <p> dans mon fichier HTML. J'ai essayé avec h1 par exemple et là non plus, pas de changements...
0
Réponse 2 / 11
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
18 juil. 2011 à 13:44
Bonjour,

Quel navigateur utilises-tu pour tes tests ?
Je ne suis pas convaincu que tous les navigateurs interprètent correctement l'attribut « media »... Je sais qu'il y a quelques années, j'avais beaucoup buté dessus.
Essaie en enlevant media="screen", pour voir ?

Xavier
0
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
18 juil. 2011 à 14:36
Je suis au boulot donc j'utilise Internet Explorer 8 pour l'instant mais une fois chez moi, j'essaierais avec Firefox et Chrome.

J'ai enlevé le "media="screen"" mais ça change rien :/ Toujours pas de couleur ni de taille différente
0
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
18 juil. 2011 à 14:41
Sous Firefox, tu essaieras aussi, après avoir chargé ta page (si ça ne marche pas mieux) d'ouvrir la console d'erreur, qui te mettra éventuellement un message plus explicite (Outils -> Console d'erreur)
0
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
18 juil. 2011 à 15:47
Okay, j'essayerais
0
Réponse 3 / 11
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
18 juil. 2011 à 21:01
De retour chez moi avec Firefox, je refais la manipulation.

Dans le .html (dans la partie head) :

<link rel="stylesheet" media="screen" type="css" title="design" href="design.css" />

Dans le .css :

p
{
color: blue;
font-size: 18px;
}

Toujours pareil, pas de changements après avoir mis le css en lien...
0
Réponse 4 / 11
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
Modifié par wiivier le 19/07/2011 à 10:30
J'ai réussi (je ne sais pas comment, mais ça fonctionne !)

par contre, nouveau soucis : J'ai plusieurs paragraphes dans ma page .html. Quand je mets (par exemple) : 

p 
{ 
     color: green; 
     font-size: 18px; 
}


Ca ne me met que les deux premiers paragraphe en vert et en cette taille. Le troisième reste normal. Je n'ai pas mis d'autres paramètres dans le code .css qui pourrait empècher la mise en vert du texte.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 11
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
19 juil. 2011 à 20:07
J'ai testé de le faire sur l'ordinateur de chez moi et j'ai le même problème qu'au début : le fichier CSS n'est pas lu par le fichier xHTML...
0
Réponse 6 / 11
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
19 juil. 2011 à 21:05
Tu peux nous donner l'intégralité de ton fichier html ?
0
Réponse 7 / 11
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
23 juil. 2011 à 19:56
Voici le fichier HTML (y'a le body qui suit mais il est sans intérêt) :

<!-- saved from url=(0022)http://internet.e-mail -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Ceci est un test ! </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="css" title="essai" href="essai.css" />
</head>
0
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
28 juil. 2011 à 10:38
UP !
0
Reivax962 Messages postés 3671 Date d'inscription jeudi 16 juin 2005 Statut Membre Dernière intervention 11 février 2021 1 011
28 juil. 2011 à 11:03
En fait le body n'est pas forcément sans intérêt...
0
Réponse 8 / 11
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
28 juil. 2011 à 11:19
Bonjour,

Une question: pourquoi en xHTML ????

Le xHTML a une contrainte forte: il faut que le document soit impérativement structuré comme du XML valide!

Ne serait-il pas plus simple de tout faire en HTML/HTML5 basique...

Pour ma part je code en HTML5 depuis bientôt presque deux années, tant des sites pros que perso, et je suis hyper satisfait de ce choix.

J'ai monté un ch'tit site qui explique sommairement les bases du HTML5, le pourquoi et le comment. On peut s'y mettre dès maintenant:
http://html5.immo-scope.com/index.php?page=html5/premierePageHtml5

Le premier avantage, un DOCTYPE simplifé:

<!DOCTYPE html>

Ensuite une structuration plus sémantique avec HEADER FOOTER ARTICLE SECTION, NAV etc...

Analysez bien le code HTML du site dont j'ai mis le lien. Il est en HTML5 et s'affiche parfaitement même sous IE6!!! Les éléments HTML ARTICLE ASIDE HEADER sont positionnés en CSS, fini les "table" mal foutus.

A+
0
Réponse 9 / 11
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
28 juil. 2011 à 12:00
Pour tout te dire, je débute en langages HTML et j'apprends avec le site du zéro.

Donc je souhaite juste apprendre un truc pas trop compliqué et "apprenable" facilement.
0
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
Modifié par mpmp93 le 28/07/2011 à 14:05
le siteduzero mériterait un sérieux rafraichissement...

et HTML5 est pas plus compliqué et même plus simple sur certains aspects que le HTML de base.
0
Réponse 10 / 11
coca4life Messages postés 69 Date d'inscription jeudi 28 juillet 2011 Statut Membre Dernière intervention 1 septembre 2011 5
28 juil. 2011 à 12:29
certaines balises html5 ne sont pas reconnu par les vieux navigateurs donc pour le moment a éviter ou sinon leur rajouter un id ;)

le HTML5 doit etre aussi structuré que le xHTML ...

par contre, il nous faudrait le body pour que l'on puisse t'aider
0
mpmp93 Messages postés 6652 Date d'inscription mercredi 13 avril 2011 Statut Membre Dernière intervention 28 septembre 2015 1 339
28 juil. 2011 à 14:04
Concernant: "certaines balises html5 ne sont pas reconnu par les vieux navigateurs":
avez-vous pris le temps de bien regarder le code que je propose. Il y a un javascript de 6 lignes qui permet justement d'intégrer les nouveaux éléments HTML5 aux navigateurs qui ne les reconnaissent pas, en particulier IE6 à IE8. Et ça marche du tonnerre! je vous suggère d'essayer...
0
Réponse 11 / 11
wiivier Messages postés 309 Date d'inscription dimanche 17 janvier 2010 Statut Membre Dernière intervention 25 mars 2012 22
28 juil. 2011 à 19:35
Voici ma partie body (ne faites pas attention aux textes) : 

<body>
	<h1>
	<u>
	<strong>
	<em>
		Ceci est un titre important que je souligne, que je mets en gras et en italique
	</em>
	</strong>
	</u>
	</h1>
	<p>
		Ceci est un texte dans un paragraphe :) 
	</p>
	<p>
		Ceci est ma deuxième ligne<br/>
		Ceci est un saut de ligne. 
	<sup>
		Ceci est un exposant
	</sup>
	<sub>
		Ceci est un indice<br/>
	</sub>
	<q>
		Ceci est une citation
	</q>
	<br/>
	<blockquote>
		Ceci est une longue citation<br/>
		Car elle est en plusieurs lignes<br/>
		Je ne sais pas quoi dire mais c'est un test<br/> 
		Si vous n'êtes pas content, tant pis :) <br/> 
	</blockquote>
	<br/>
	<br/>
		L'acronyme <acronym title="Objet Volant Non Identifié">OVNI</acronym> signifie... passer votre souris dessus pour découvrir !<br/>
	</p>
	<p>
		<a href="http://www.gamers-master.com/"> Ceci est un lien vers un site cool pour les news sur les jeux vidéo.</a>
	</p>
	<p>	
		<a href="test2.html" title="deuxième test"> Cliquez ici </a>
	</p>
	<p>
		<a href="mailto:********@gmail.com"> Me contacter </a>
	</p>
	<p>
		<u>Sommaire</u><br/>
		Accéder rapidement à :<br/>
		<a href="#cuisine"> la partie cuisine</a><br/>
		<a href="#salon"> la partie salon</a><br/>
		<a href="#salle_de_bain"> la partie salle de bain</a><br/>
	</p>
	
	<h2 id="cuisine"> Cuisine </h2>
	<p>
		Hier j'ai mangé une pomme et elle était drôlement bonne. Je ne sais pas quoi dire mais je dois faire durer cette page longtemps pour pouvoir ensuite me créer un sommaire. La pomme était rouge avec des tâches jaunes et elle était plutôt acide bien que le vendeur m'avait dit que non. 
  	</p>
	<h2 id="salon"> Salon </h2>
	<p>
		Demain, j'irais m'acheter une table chez Ikea parce que j'adore les sushis et les meubles en plastique ! Encore une fois, il faut que je mettes beaucoup de texte même si je n'ai rien à dire. Table en bois, en carton en papier mâché, en mousse, en plastique, en métal, en or ou en argent.
	</p>
	<h2 id="salle_de_bain"> Salle de bain </h2>
	<p>
		Hier, quand je me suis douché, j'ai vu un moustique. J'ai voulu l'écraser mais j'aime la nature et les animaux (même les insectes) donc j'ai juste recueilli ce malheureux animal entre mes mains avant de les refermer doucement et de remarquer que je l'avais finalement écrasé. Très triste mais pressé, je suis parti.
	</p>
	<p>
		<a href="https://www.geekames.com/"><img src="http://src.geekames.com/images/logo.png" alt="logo de geekames" title="geekames"/></a>
	</p>
	<p>
		<img src="test_html.png" alt="mon avatar" title="c'est inFamous"/>
	</p>
 </body>
0

Discussions similaires

programme qui n'affiche pas le mot secret
EMy.chev -
yg_be -

3 réponses
[PIX] Commencer chaque poème sur une nouvelle page
ETHAN -
Willzac -

19 réponses
[référencement] Ne pas être référencé
kij_82 -
Searaphina -

10 réponses
Cette page n'est pas disponible
falaises63 -
bazfile -

1 réponse
Chemin Logo du site de la Cité de l'espace
Keiios -
blux -

11 réponses