Afficher les articles en colonne avec WordPress | Le blog | nukleo.fr Traditionnellement la liste des articles d’un blog sont affichés les uns à la suite des autres, de haut en bas (comme sur ce blog). Pour diverses raisons (design, optimisation de l’espace, utilisation spécifique de WordPress etc…) on pourrait souhaiter les afficher en colonne. Voici une méthode simple pour y arriver. Voici ce que l’on veut obtenir : afficher sur la page d’accueil la liste des articles (ou les extraits) dans 2 colonnes, avec les plus récents en haut. Le problème On pourrait tout simplement utiliser la propriété float de CSS pour arriver à nos fins et ça fonctionnerai parfaitement dans le cas de figure où tous les blocs contenant les articles ont la même hauteur (comme dans l’image précédente). Mais il est très probable que ça ne soit pas le cas : la hauteur de chaque bloc va varier en fonction de son contenu (l’extrait ou l’article). Ce n’est pas un bug mais seulement la manière dont fonctionnent les éléments « floatants ». La solution Les règles CSS qui vont avec :
Position y Float El valor predeterminado para todos los elementos es position:static, que posiciona al elemento según el lugar donde fue definido en el HTML. Por lo general no hay necesidad de definir position:static, a menos que querramos caerle encima a alguna regla anterior que haya modificado el posicionamiento. Si le definimos position:relative a un elemento, entonces podemos utilizar top, bottom, left y right para mover el elemento con relación a la posición en la que aparecería normalmente en el documento. Movamos el div-1 20 pixeles hacia abajo y 40 pixeles hacia la izquierda: Fíjate que en el lugar donde hubiese aparecido el div-1 ahora hay un espacio en blanco. Parecería que position:relative no es muy útil, pero tendrá una tarea muy importante más adelante. Cuando utilizamos position:absolute, el elemento es removido del documento y colocado exactamente donde nosotros queremos. Movamos el div-1a a la esquina superior derecha de la página: Un momento, ¿qué sucedió con los demás elementos?
CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. In other words, this is a starting point, not a self-contained black box of no-touchiness. If you want to use my reset styles, then feel free! Previous Versions v1.0 (200802) Acknowledgments Thanks to Paul Chaplin for the blockquote / q rules.
Un travail décent pour les travailleurs domestiques Human Rights Watch et Anti-Slavery International saluent avec satisfaction l'attention portée par l'Organisation internationale du travail sur un travail décent pour les travailleurs domestiques et la décision du Conseil d'administration de l'OIT d'inscrire le travail décent pour les travailleurs domestiques à l'ordre du jour de la Conférence internationale du travail en 2010. L'OIT a établi que le travail domestique était une occupation importante pour des millions de personnes, pouvant absorber jusqu'à 10% de la force de travail dans certains pays. Toutefois, ce travail n'est pas apprécié à sa juste valeur et il est mal réglementé, de nombreux travailleurs domestiques sont surmenés, sous-payés, dépourvus de protection et exposés à toutes sortes d'abus. Nos recherches sur le travail domestique dans vingt pays[1] confirment le fait que les travailleurs domestiques sont parmi les plus exploités et les plus maltraités au monde.
JQuery Cycle Plugin Check out Cycle2, the latest in the Cycle line of slideshows. The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. Images are used in these demos because they look cool, but slideshows are not limited to images. Use the Effects Browser page to preview the available effects. For more about options, see the Options Reference page. Frequently Asked Questions Special thanks to Torsten Baldes, Matt Oakes, and Ben Sterling for the many ideas that got me started on writing Cycle in 2007.
DomainTools gzipWTF | the easiest f***ing way to check for gzip, and more Qui gagne combien ? Le paysage des revenus en France 25 octobre 2011 - Le débat sur les revenus en France est souvent opaque. Quelques données pour mieux mesurer qui gagne combien. Le débat sur les revenus en France est souvent opaque. On mélange tout : des salaires, des revenus du patrimoine, avant et après impôts. Des revenus de célibataires et de familles. Pour faire le point, nous vous présentons les éléments principaux sur les revenus en France, en partant des salaires jusqu’aux revenus après impôts et prestations. Pour la plupart de la population, revenu = salaire de la fiche de paie. On voit par exemple que 90 % des salariés ont un salaire net mensuel inférieur à 3 313 euros par mois, ce qui revient à dire que 10 % touchent plus. 50 % touche moins de 1 673 euros nets, niveau qui s’appelle le salaire « médian ». Pour vous positionner dans la hiérarchie des salaires, utilisez notre outil en ligne : Des allocations chômage aux revenus financiers, en passant par les retraites, il existe d’autres sources de revenus que les salaires.
Thumbnails Navigation Gallery with jQuery In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties for the style. The main idea is to have a menu of albums where each item will reveal a horizontal bar with […] View demoDownload source In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. When a thumbnail is clicked it will be loaded as a full image preview in the background of the page. The beautiful photos are from Mark Sebastian’s photostream on Flickr. So, let’s get started! The Markup Our HTML is mainly going to consist of a wrapper and the menu list. Inside of our wrapper we will add the following: The first element is our full preview image. We then add an unordered list where each li element is going to contain a span for its title and the thumbnails wrapper. The thumbnail images get the alt value of the path to the full size image.
Free Meta Tag Generator Chômage, pauvreté, salaires... Portrait social de la France en 8 chiffres Emploi, salaires, logement, santé… L'Insee a livré mercredi 13 novembre l'édition 2013 de son "portrait social" de la France. Grilles, tableaux, courbes et colonnes de données statistiques dessinent le visage d'une société française confrontée à une crise qui n'en finit pas. L'Institut national de la statistique cette année mettre le focus sur la fécondité des Français et les jeunes décrocheurs du système scolaire. L'œil est pourtant inévitablement attiré vers d'autres éclairages comme le marché du travail ou les conditions de vie. Le taux de chômage : +0,6 point Les données concernant le chômage s'étendent sur 2012. Sur 2012, 2,8 millions de personnes sont au chômage au sens du Bureau international du travail (BIT). Le taux de pauvreté : +0,3 point Dans la France de 2011, 8,7 millions de personnes vivent en dessous du seuil de pauvreté monétaire (c'est-à-dire avec moins de 977 euros par mois). La consommation des ménages : -0,4% Le revenu salarial dans le public : -0,7%