28172 sujets

CSS et mise en forme, CSS3

Bonjour !
J'ai un souci de décalage que je ne comprend pas. Une bonne âme pourrait-elle m'éclairer ?
Sur cette page : http://www.association-arppa.fr/?a=ok

Dans la colonne des actus à droite, celle du haut affiche le calendrier décalé vers le haut. C'est une boucle qui tourne et donc je ne vois pas pourquoi elles ne s'affichent pas toutes de la même façons. Sans doute y a t-il un élément qui met le bazar dans le style...

Merci ! Smiley biggrin
Modifié par goglich (13 Dec 2012 - 01:29)

<div class="calendrier margTop">
    <div class="jour">12</div>
    <div class="mois">déc.</div>
</div>



.margTop{
  margin-top: 10px;
}
Merci pour ta réponse mais cela ne résoud pas vraiment mon souci. La classe s'applique aux trois blocs. Donc c'est autre chose.
Bonjour,

Peux-tu éditer les règles appliquées à la classe .actus2.

Je pense qu'il y a un problème de flottement.
heu.... cette classe ne sert à rien, j'avais pas fait gaffe. Je l'ai retirée, le problème demeure.
merci !
Bonsoir,

c'est un effet des fusions de marges.

2 approches:

1) bricole :
enleve le margin-top: 20px; de .traitactu et passe la marge haute de calendrier a 10px environ au lieu de -5px.

2) plus logique, tu contrôles cette fusion de marge sur les titres :
faire seulement un rest des marges de .blocactus h1 a : margin:0 0 1em;

++