8 astuces Css

Les meilleures solutions sont souvent les plus simples. Voici une liste de 8 astuces contenant seulement une propriété CSS.

En espérant que cela puisse vous aider.

1. Alignement vertical avec la propriété line-height

#bloc { line-height:24px;}

Quand vous avez un container avec une hauteur fixe, vous pouvez utiliser un line-height pour aligner verticalement le contenu.

2. Prévient le débordement entre les blocs

#bloc { overflow:hidden; }

Quand un container est trop grand par rapport aux autres blocs il peut ‘déborder » et ainsi casser votre structure de page. Pour éviter cela, utiliser l’overflow : hidden permet de cacher ce débordement.

3. Previens la coupure des liens sur 2 lignes

a{ white-space:nowrap; }

Avec de longs textes on peu se retrouver avec des liens couper sur 2 lignes, cette astuce évite cela.

4. Laisse afficher la scrollbar firefox

html{ overflow:-moz-scrollbars-vertical; }

Firefox cache par défault sa scrollbar verticale. Ce code laisse toujours affiché la scrollbar.

5. Centrer horizontalement les blocs

margin:0 auto;

Cette ligne CSS permet de centrer un élément simplement.

6. Supprime la scrollbar d’un textarea dans IE

textarea{ overflow:auto; }

Avec IE les scrollbar des textareas sont visibles par défault. Cette astuce CSS permet de les supprimer.

7. Forcer le saut de page quand vous imprimer vos documents

h2{ page-break-before:always; }

Avec cette ligne vous pouvez définir où vous voulez placer vos sauts de page.

8. Supprime les bords pointillés sur les liens actifs

a:active, a:focus{ outline:none; }

Aucun commentaire

Répondre

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

deux × 3 =

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

CONTACT

We're not around right now. But you can send us an email and we'll get back to you, asap.

Envoi en cours...

©[current-year] WebCSSDesign

Se connecter

Oubli de mot de passe ?