18041 sujets

Questions générales et questions de débutants

Code CSS inopérant

Bonjour à toutes et à tous,

Code CSS inopérant

Mon application est : Menu horizontal
Le code CSS est dans le sous-dossier CSS

Le problème
J'ai vérifié les codes HTML et CSS. Il n'y a pas d'erreur.

Je constate que le code CSS n'est pas entièrement exécuté.
La bordure de Smiley h1 est affichée : le lien entre HTML et CSS doit-donc fonctionner.
Le reste ne parait pas être pris en compte. Les couleurs ne passent pas.


<!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">

<head>
	<title>Deb32_menu_horizontal</title>
	<meta http-equiv="content-type" 
		content="text/html;charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css"
	title="La_tête_dans_les_étoiles" href="CSS/Deb32_menu_horizontal.css" />
</head>
<body>
<h1>Menu horizontal</h1>

	<ul id="menu2">
		<li><a href="#">Page d'accueil</a></li>
		<li><a href="#">Page d'accueil</a></li>
		<li><a href="#">Page d'accueil</a></li>
		<li><a href="#">Page d'accueil</a></li>
		<li><a href="#">Page d'accueil</a></li>
		<li><a href="#">Page d'accueil</a></li>
	</ul>

</body>
</html>




body {
font-family: Verdena, Geneva, sans-serif;
font-size: 11px;
background-color: red;
}
h1
{
	border: 1px solid black;

ul#menu2
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 6000px;
	background-color; #000000;
}
ul#menu2 li a {
	float: left;
	padding: 0 15px 0 15px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	height: 30px;
	line-height: px;
	}


Où est l'erreur ?

Question 1
Quelle est la fonctiond u titre figurant dans le lien vers le code CSS ?
Ici j'ai mis arbitrairement : La_tête_dans_les_étoiles et La tête dans les étoiles
Ce titre est-il à l'origine du problème ?

Avec mes remerciements
Cordialement
Papy
Il faut fermer ton style CSS pour h1

h1
{
	border: 1px solid black;
<<<< il manque la fermeture


h1
{
	border: 1px solid black;
}
Merci SuperMerguez,

Quand je ferme le style CSS pour h1, le menu ne s'affiche plus.
L'erreur est ailleurs.

Cordialement
Papy
Jean Sympa a écrit :
Merci SuperMerguez,

Quand je ferme le style CSS pour h1, le menu ne s'affiche plus.
L'erreur est ailleurs.

Cordialement
Papy


Encore des erreurs dans ton code :


ul#menu2
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 6000px;
	background-color; #000000; /*<<<<< pas de ; pour déclarer une propriété mais :*/
}
Merci SuperMerguez,

Avant de répondre j'ai testé les deux fichiers: HTML et CSS. Il n'y a pas d'erreur.

Pourtant, je ne suis pas encore sorti du tunnel.
La couleur rouge du style, pour body, ne s'affiche pas.
Quand je remplace 11px par 50px, il ne se passe rien.

Cordialement
Papy
Arf, tu ne vois pas les erreurs mails il y en a Smiley ohwell

Ton code
background-color;#000;


Le miens

background-color:#000;


Fais déjà cette correction Smiley cligne
Merci SuperMerguez,

Faute avouée, faute pardonnée.
J'ai bien vérifié la validité des codes HTML et CSS mais en me trompant de fichiers.

Pour simplifier le problème je supprime des codes CSS. Je ne conserve que :

body {
font-family: Verdena, Geneva, sans-serif;
font-size: 11px;
background-color: red;
}

Je constate toujours que:
la couleur rouge ne passe pas et que,
le changement de la valeur de font-size est sans effet.
Où est l'erreur ?
Cordialement
Papy
Merci SuperMerguez,

Je viens de trouver la solution

J'avais placé en tête du fichier CSS le commentaire suivant :
<!-- Deb32_menu_horizontal-->
Dès que je l'ai supprimé, la couleur s'est affichée.

Question
Peut-on mettre un commentaire au début d'un fichier CSS ?

Cordialement
Papy
Cette syntaxe est utilisée pour les commentaires dans le code html, en css c'est :


/*

commentaire
sur plusieurs
lignes

*/


Ou


/* commentaire sur 1 ligne */

Modifié par Patidou (21 Jul 2012 - 11:14)
Résolu

L'aide indique :
Nous vous invitons à ajouter un tag [Résolu] lorsque la réponse à votre problème a été trouvée, cela facilitera les recherches futures. Pour cela : allez sur votre premier message (celui qui débute le sujet), puis cliquez sur le bouton "éditer", en haut à droite du post, celui à côté du bouton "citer" et pour finir, modifiez le titre du sujet en ajoutant [Résolu]

Je ne trouve pas le bouton éditer !

Que faut-il faire ?

Cordialement
Papy
Sujet clos
Aller à