Voilà, voilà... Fin de l'aventure...

 

Fermeture de kolossaldrupal.org dans...


Bonjour tout le monde,

Drupal évolue, les versions changent et Kolossaldrupal.org était essentiellement consacré à la version 6 de Drupal.

Autant dire que les infos présentées ici commencent à dater...

Faute de temps, je ne peux plus garder le site Kolossaldrupal à jour...

Je vous aurais bien proposé de reprendre le flambeau mais... c'est tellement simple de nos jours de se faire son propre site à soi...Pourquoi s'embêter alors ? :-)

Ce site restera donc en l'état, tel qu'il était en 2011...

Ah la la ! Cela ne nous rajeunit pas !

Manuel Vila - Avril 2016

Positionner autour des floats avec class="clear-block"

Date du document original en anglais : 25 Août 2009 - 03h04 - http://drupal.org/node/380906  



De nombreuses mises en page HTML ont besoin d'une indication de positionnement des éléments flottants pour qu'ils n'interfèrent pas avec l'affichage des éléments environnants. Cela se fait en paramétrant la propriété clear de l'élément concerné, mais lorsque l'élément environnant est inconnu on utilise un élément DIV vide avec sa propriété clear paramétrée.

Il y a cependant une façon plus simple de procéder. Le système des feuilles de style Drupal dispose d'une classe très utile : clear-block. C'est une implémentation de la technique décrite dans Position is everything.

( voir aussi : Flux et position relative et Position float chez openweb.eu.org. C'est en bon français, ça ne fait pas de mal :-). NDT)

Pour utiliser la méthode de Position is everything, attribuez simplement la classe clear-block à l'élément qui contient les flottants.

Ainsi, si vous avez une galerie d'images flottantes sous forme de LI, attribuez une 'class="clear-block"' aux UL.

Le core Drupal regorge de nombreux exemples, comme les liens de nodes.