PUBLIC MARKS with tags css & list

Next to having four seperate pages for the major rendering engines, this page shows a clearer overview of the implemented, prefixed properties, and their counterparts in other engines.

C'est fou ce que l'on peut faire avec des listes en HTML...

Examples of how to style lists with css.

Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fwww.alvit.de%2Fhandbook

Find here a never before seen collection of free CSS Templates, one of the biggest in the entire web! All these CSS templates are: * 1. Table free in its design (no tables have been used for layout purposes). * 2. The templates are light weight, so that it won’t take too long to load. * 3. W3C Standard compliant. * 4. Comes with public domain photos, provided by Wikimedia Commons and PDPhoto.org. * 5. And comes FREE under the Creative Commons Attribution 2.5 license.

Pour qu’un site soit lu il vaut mieux privilégier le contenu au design, cela ne fait aucun doute. En revanche un design bancal, un contraste trop faible, peuvent nuire à la clarté de l’information et de ce fait faire fuir les visiteurs. Voici donc une sélection de quelques sites où vous pouvez télécharger des thèmes (design ou templates en anglais) librement. Il est important de noter que ces thèmes sont prêts à être utilisés. Vous n’avez besoin d’aucune connaissance en CSS ou HTML pour les installer, vous avez juste l’embarras du choix.

free tutorials and collections from top universities and well-respected websites to train you in areas like web design, graphics and imaging, programming and coding, multimedia, connecting with your audience, and even learning freelancing and entrepreneur

Aujourd'hui je vais vous montrer comment rendre encore plus agréable à l'oeil vos listes HTML ! Ce tutoriel n'a pas de but particulier à part celui de faire plaisir à vos visiteurs lorsqu'ils tomberont sur vos listes trop fashion ^^ ! De plus il est extrêmement simple à mettre en œuvre. ;)

This tutorial explains how to design a pagination for search results or more in general to split a long list of records in more pages. It's a question I often receive, so I decided to publish a very simple post which explains how to design a perfect pagination style using some lines of HTML and CSS code.

StyleMap v2 uses valid HTML, CSS and a touch of DOM scripting to produce a visual sitemap out of an unordered list (UL). The result is a functional, scalable, and above-all rapid way to produce a tree-style map for the planning stages of your project. Keep in mind that although we'll cover the details of how the sitemap works, in practice you'll only need to worry about changing the markup to match your website structure. The CSS and Javascript can then be added as they are and will take care of the rest!

Si l'on veut créer une bordure uniquement entre les éléments d'une liste par exemple (ni avant le premier, ni après le dernier) l'utilisation du sélecteur first-child permet de le faire facilement. On définit une bordure pour les éléments de la liste et à l'aide de first-child, on supprime la bordure du premier élément. Le problème est que first-child n'est pas reconnu par tous les navigateurs, notamment internet explorer. Pour réaliser la même chose, on peut alors donner une classe spécifique au premier élément de la liste pour en supprimer la bordure. Cette solution n'est pas toujours utilisable, lorsque l'on travaille avec un CMS ou une équipe de développeurs par exemple et que l'on n'a pas un contrôle complet sur le code généré. Plutôt que chercher à cibler le premier élément pour en supprimer la bordure ou l'image de fond, on peut essayer de "masquer" la bordure indésirable. La propriété clip qui permet de définir la zone d'affichage peut être une solution, mais elle nécessite l'utilisation de position absolue ce qui n'est pas toujours pratique. Une autre piste est l'utilisation des marges négatives.