Ma page xHTML n'affiche pas le CSS

wiivier Messages postés 311 Date d'inscription   Statut Membre Dernière intervention   -  
wiivier Messages postés 311 Date d'inscription   Statut Membre Dernière intervention   -
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 :)

11 réponses

Réponse 1 / 11
Luxerails Messages postés 159 Date d'inscription   Statut Membre Dernière intervention   41
 
Ton fichier css s'appelle bien design.css ?
Tu mets bien ton code entre balises <p> ?
0
wiivier Messages postés 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
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 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
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 311 Date d'inscription   Statut Membre Dernière intervention   22
 
Okay, j'essayerais
0
Réponse 3 / 11
wiivier Messages postés 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
Tu peux nous donner l'intégralité de ton fichier html ?
0
Réponse 7 / 11
wiivier Messages postés 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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 311 Date d'inscription   Statut Membre Dernière intervention   22
 
UP !
0
Reivax962 Messages postés 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
En fait le body n'est pas forcément sans intérêt...
0
Réponse 8 / 11
mpmp93 Messages postés 6648 Date d'inscription   Statut Membre Dernière intervention   1 340
 
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 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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 6648 Date d'inscription   Statut Membre Dernière intervention   1 340
 
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   Statut Membre Dernière intervention   5
 
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 6648 Date d'inscription   Statut Membre Dernière intervention   1 340
 
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 311 Date d'inscription   Statut Membre Dernière intervention   22
 
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

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

10 réponses
connection ok mais aucune page ne s'affiche
gandounet -
fabiennetitou -

10 réponses
comment revenir à ma page d'accueil "google.fr" ?
sirioja3 -
kaneagle -

5 réponses