talme Posté 3 Mai 2004 Posté 3 Mai 2004 voilà sous Firefox, c'est exactement comme je veux (par contre je ne suis pas sûr de la qualité de mon CSS en tant que débutant) par contre sous IE cela cloche une ligne qui apparaît à moitié ! <html><head><style>.sommaire {margin:10px 30px; font-family:Arial,"Trebuchet MS";font-size: 1em; text-align: left;}.bloc {background-color: #F3FAFE;height: 70px;}h1,h2,h3,p {margin-top:-5px;margin-bottom:-5px;} h1.titre {font-size:105%;margin-top:3px;}h1.sous-titre {font-size:100%;margin-top:3px;font-weight:lighter;}h2.rubrique{font-size:100%;font-weight:lighter;margin-top:3px;margin-bottom:3px;color: blue}h3.auteur{font-size:70%;font-weight:lighter;text-align: right;}</style></head><body class="sommaire"><hr size="2" /><div class="bloc"><h2 class="rubrique">Effet de style</h2><h1 class="titre">Mon titre pricipale</h1><h1 class="sous-titre">mon sous-titre explicatif</h1><h3 class="auteur">moi-ême</h3></div><hr size="2" /></body></html> Si vous pouvez m'aider ? et si en plus vous pourriez me dire si ma démarche constructive en CSS a du bon sens ou de grosses erreurs ? Merci
ams51 Posté 3 Mai 2004 Posté 3 Mai 2004 ça fonctionne bien sous IE Pourquoi utilises tu h1.titre et h1.sous-titre alors que h1 et h2 simple font très bien l'affaire... Tu as un h2 suivi d'un h1, logiquement on fait l'inverse... Les hx sont là pour marquer les titres. Je ne sais pas si je suis bien clair mais mélanger les h1, h2 et h3 casse un peu la structure de la page
talme Posté 3 Mai 2004 Auteur Posté 3 Mai 2004 (modifié) Bizarre mon IE6 est tout neuf et j'ai le h3.auteur à gauche "moi-même" à moitié visible ! sinon pour le H2 qui devance H1 dans ma construction, C'est que je pensais mettre par ordre d'importance titre(+important)/H1 puis moins important titre(-important)/h2 etc ... Je sais pas non plus si je suis bien explicite, bref suivant l'importance du texte je met H1 pour le plus important et je descend ainsi de suite. Ce n'ai pas comme cela qu'on doit interpréter ? Modifié 3 Mai 2004 par talme
ams51 Posté 3 Mai 2004 Posté 3 Mai 2004 Bizarre mon IE6 est tout neuf et j'ai le h3.auteur à gauche "moi-même" à moitié visible ! au temps pour moi... je croyais que tu parlais d'une ligne <hr /> en remplaçant : h1,h2,h3,p {margin-top:-5px;margin-bottom:-5px;} par : h1,h2,h3,p {margin-top:0px;margin-bottom:0px;} ça fonctionne mieux
Dinostrate Posté 3 Mai 2004 Posté 3 Mai 2004 sinon pour le H2 qui devance H1 dans ma construction, C'est que je pensais mettre par ordre d'importance titre(+important)/H1 puis moins important titre(-important)/h2 etc ... Salut, Il me semble que tu compliques beaucoup... le plus souvent, il suffit de définir clairement h1 puis h2 etc, en respectant la hierarchie, sauf peut être si tu veux faire encore plus compliqué (ce que je n'ai pas encore fait) avec 6 balises, (de h1 à h6, tu as de la marge ) Après, il suffit de respecter l'ordre : du plus important : h1, au moins important : h6. en bref : titre=h1, sous-titre=h2, sous-sous-titre=h3, etc. Dino
talme Posté 4 Mai 2004 Auteur Posté 4 Mai 2004 Merci pour votre aide, je testerais tout cela plus tard
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant