Adrênatie : blog d’un webmaster comme les autres

Une archive de liens utiles pour webmaster, avant tout pour moi, mais autant en faire profiter les autres.

Archive pour la catégorie ‘CSS

Formulaire CSS avec dl, dt et dd

Voici une alternative à la mise en page en tableau des formulaires.
Formulaire CSS avec dl, dt et dd par WANJEE

  • 0 Comments
  • Filed under: CSS
  • Voici une syntaxe bien pratique, pour appliquer un style de votre CSS à un input sans pour autant lui passer une classe :


    .cssform input[type="text"]
    width:180px;
    }

    Comme vous le remarquez dans ce code, il faut simplement appliquer un filtre type au input. Dans le cas ci dessous, le style sera uniquement visible sur les input contenu dans la classe cssform et de type text (à savoir <input type="text" />).

  • 0 Comments
  • Filed under: CSS
  • En attendant la mise en place, probablement dans CSS 3, et la gestion de cette fonction par les navigateurs, voici une selection de 25 techniques différentes pour obtenir des coins arrondis. Certaines sans javascript, sans images… A vous de choisir.

    http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

    Un menu à onglets avec CSS

    Il existe bon nombre de technique pour créer un menu à onglets en CSS. Voici celle que j’ai retenue pour le moment, elle répond à toutes mes attentes :

    * la taille des onglets doit s’ajuster à la taille d’affichage du texte;
    * l’ordre entre les éléments du menu doit rester le même lorsque la feuille de style est désactivée;
    * l’onglet correspondant à la page en cours ne doit pas être cliquable;
    * la couleur d’un onglet doit changer au survol de la souris ou à la réception du focus au clavier;
    * le fonctionnement du menu ne doit pas dépendre de JavaScript;
    * les fichiers HTML et CSS doivent être valides;
    * le menu doit au minimum fonctionner avec Internet Explorer 6 et 7, Firefox 2 et Opera 9;
    * aucune astuce (hack) CSS ne doit être utilisée.

    Merci à Normand Lamoureux pour sa technique et sont tutorial bien expliqué : http://normandlamoureux.com/cours/css/index.html

  • 0 Comments
  • Filed under: CSS