28221 sujets

CSS et mise en forme, CSS3

[RESOLU] Flux continu non respecté

Bonjour,

J'essaie tout simplement de mettre deux blocs les uns sous les autres.
(un qui fait 19px et l'autre en dessous 112)

J'utilise le code suivant :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">	
<html>
<head>

<title>TITRE A CHANGER</title>

<style type="text/css">

.ligne_entete {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
	text-align: left;
	height: 19px;
	background-repeat: repeat;
	background-image: url(http://www.emule-france.org/images/p_header_haut.gif);



.entete {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
	text-align: center;
	height: 112px;
	background-repeat: repeat;
	background-image: url(http://www.emule-france.org/images/p_header_fond.gif);
}

</style>

</head>

<body>

<div class="ligne_entete">
MON TEXTE
</div>


<div class="entete">
MON TEXTE 2
</div>

</body>

</html>


Le probleme, c'est que pour le deuxieme bloc l'image de fond n'apparait pas, la font-size n'est pas respectée, ...
Y a juste le texte qui est écrit.

Je vous remercie par avance pour votre aide.

Degas
Modifié le 26 Nov 2004 - 14:55
Salut eMule France,

en fait tu as simplement oublier de fermer ton bloc de style .ligne_entete avec une }.

Ferme le et ca devrait fonctionner plus correctement...... Smiley biggrin
Modifié le 26 Nov 2004 - 14:57
mplessis a écrit :
Salut eMule France,

en fait tu as simplement oublier de fermer ton bloc de style .ligne_entete avec une }.

Ferme le et ca devrait fonctionner plus correctement...... Smiley biggrin


Je suis trop c*n !!!!

Merci, ca faisait bien 1 heure que je cherchais. Je crois que c'est comme quand on cherche ses lunettes et qu'elle sont sur son nez ou sur la tête.

Désolé pour ce poste aussi ridicule.
Encore merci.
Administrateur
eMule France a écrit :

Désolé pour ce poste aussi ridicule.

Aucun problème. Tu es loin d'être le seul à faire ce genre de fautes d'inattention (comment ça moi aussi ?! Smiley lol )

EDIT : les liens de ElMoustiko sont très utiles, et à lire pour faire du CSS proprement.
mplessis a écrit :
Salut eMule France,

en fait tu as simplement oublier de fermer ton bloc de style .ligne_entete avec une }.

Ferme le et ca devrait fonctionner plus correctement...... Smiley biggrin


Wé +1, à prori ça doit le faire comme ça.

Aussi, essai d'optimiser ton code CSS pour :
1- le rendre plus lisible (pour toi (et les autres))
2- gagner des octets, et crois moi au final ça commence à en faire des octets de gagné Smiley cligne

Pour t'y aider :
http://www.elmoustikoblog.net/tutoriels/css/conseil/
http://pompage.net/pompe/cssefficace/

Voilà Smiley cligne
Modifié le 26 Nov 2004 - 14:57
ElMoustiko a écrit :


Wé +1, à prori ça doit le faire comme ça.

Aussi, essai d'optimiser ton code CSS pour :
1- le rendre plus lisible (pour toi (et les autres))
2- gagner des octets, et crois moi au final ça commence à en faire des octets de gagné Smiley cligne

Pour t'y aider :
http://www.elmoustikoblog.net/tutoriels/css/conseil/
http://pompage.net/pompe/cssefficace/

Voilà Smiley cligne


Merci, j'ai ajouté ca dans ma sitebar, je vais lire ca ce soir ou lundi au travail.
Je te remercie.
Sujet clos
Aller à