Aller au contenu

je bloque sur les blocs


talme

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

ç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

Lien vers le commentaire
Partager sur d’autres sites

Posté (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é par talme
Lien vers le commentaire
Partager sur d’autres sites

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 /> :blush:

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

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...