28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Est-il possible pour l'ensemble d'une page à partir d'un CSS de définir l'interligne créé par la balise <br/>?
et
Est-il possible pour l'ensemble d'une page à partir d'un CSS de définir l'interligne (l'espace) créé par une suite de balise?

Je m'explique (dans le code):
<div class="bloc_m">
<h2><span class="actu_orange">L'ACTU</span>&nbsp;&nbsp;&nbsp;<img src="img_cgg/go24.gif"></h2>
<p class="interligne">&#124;&nbsp;Salon du Tourisme&nbsp;&#124;&nbsp;</p><p>Les 11 et 12 mai 2007<br/>
Parc des Expos&nbsp;Cayenne</p> 

<!-- réduire ici l'espace généré par les balises p et h4--//!>

<h4>&nbsp;<img src="img_cgg/plus8.jpg">&nbsp;&nbsp;<a href="asso_cgg.html"><span class="h4_a">&nbsp;En savoir +&nbsp;</span></a>
</h4>
</div>


http://www.la-thenardiere.com/test_cgg/index.html[/url]

Merci Smiley smile
Modifié par Wuam (23 Feb 2007 - 18:22)
Salut,

Exception faire des <div>, toutes les balises "blocs" ont des margin et padding non nuls. Et grâce aux CSS, tu peux modifier tout ça sans problème. Smiley cligne

@++
Tony_M a écrit :
Exception faire des <div>, toutes les balises "blocs" ont des margin et padding non nuls.

Non, pas toutes, mais une bonne partie. Les li sont des éléments de type bloc, mais il me semble que leur rendu par défaut avec la plupart des navigateurs est sans marges.

De plus, les éléments de type bloc ayant un padding par défaut, s'ils existent, doivent être très rares.

Le style par défaut pour un titre hN ou pour un paragraphe p serait plutôt de ce type :
margin: 1em 0;
padding: 0;


Pour réduire l'écartement, il suffit de diminuer les marges des blocs, en gardant à l'esprit que dans la plupart des cas les marges ne sont pas cumulées, mais fusionnées (c'est à dire que si on a en haut un bloc avec une marge inférieure de 20px, et en dessous un bloc avec une marge supérieure de 10px, l'écart final sera de 20px, pas de 30px).

Sinon, vu ce que tu présentes comme contenu je me permet de signaler qu'un lien « lire la suite » n'a pas vocation à être un titre de section (hN), vu qu'il n'introduit aucune section de contenu dans le document courant. Le remplacer par un simple p. Si on veut en « rajouter », on pourra doubler par du em ou du strong, pourquoi pas.


PS : Wuam, par curiosité, il vient d'où cet avatar ? J'en ai croisé un similaire en d'autres lieux.
Modifié par Florent V. (23 Feb 2007 - 23:05)
Merci pour vos réponses Florent_V et Tony_M.

a écrit :
un lien « lire la suite » n'a pas vocation à être un titre de section (hN), vu qu'il n'introduit aucune section de contenu dans le document courant. Le remplacer par un simple p

Je vais aller arranger ça disuite. Smiley biggrin


Donc il suffirait que je mettes quelques chose comme ça
*div{margin;o}
pour que mes marges soient réduites à néant. Je vais aller essayer

Florent_V : A propos de mon avatar, ça ne peut être que la même personne ! Smiley lol C'est un détail d'une affiche que j'ai faite.