CSS

Facebook Twitter

25 techniques CSS pour ne pas avoir à réinventer la roue (partie 1) Les CSS permettent d’améliorer considérablement la présentation d’une page ou d’un formulaire.

25 techniques CSS pour ne pas avoir à réinventer la roue (partie 1)

Beaucoup de développeurs se lancent dans des heures de réflexions et d’écriture alors qu’une technique qui a fait ses preuves sur le net est à disposition librement. Pourquoi aller chercher à réinventer la roue. Dynamic Page / Replacing Content. Downloads.

100+ Massive CSS Layout Toolbox.

Css menus

3D Ribbon Generator - CSS3d.net. +++CSS3 Minimalistic Navigation Menu. CSS3_txt effects. Tips to Write Better CSS Code. Définition css white-space (feuille de style css) et compatiblité navigateurs. [CSS] Enlever les pointillés des liens - Guillaume Bizet. Dans l'optimisation d'un site web ou d'un blog, il faut parfois penser aux petits détails qui font la différence entre les beaux sites et les très beaux.

[CSS] Enlever les pointillés des liens - Guillaume Bizet

Il en est un qui n'est pas très connu mais qui vaut le détour. Vous avez surement dû remarquer que quand vous cliquez sur un lien, au moment où vous le cliquez, il s'entoure d'une légère bordure en pointillé (cf l'exemple en image ci dessous avec le menu de ce blog) Il s'agit de la propriété CSS "Outline" qui est très proche de la propriété border mais qui a l'avantage de ne pas faire partie du fameux "box-model" Pour supprimer ce disgracieux outline au clic sur un lien, il vous suffit simplement d'ajouter l'écriture suivante dans votre fichier CSS et voilà le résultat, cf image ci-dessous Pratique et classe, non ?

Coins arrondis en CSS avec une image coulissante et des div. Pour réaliser des blocs (menus ou autres) avec des coins arrondis, il existe principalement trois méthodes en CSS, qui offrent plus ou moins de fluidité et de possibilités graphiques.

Coins arrondis en CSS avec une image coulissante et des div

Créer des coins arrondis avec une seule image, coulissante en hauteur et en largeur, permet une certaine liberté graphique et s'adapte à un design fluide. Les trois méthodes courantes pour créer des coins arrondis sont : La propriété CSS 3 border-radius ;La technique positionnant 4 images de coins à l'aide de 4 div imbriqués ;La technique de l'image coulissante en hauteur. Chacune de ces méthodes a ses avantages et ses inconvénients. Cette 4ème méthode, utilisant une seule image adaptable en hauteur et en largeur pour un design fluide, s'inspire des deux dernières pré-citées. Créer des menus simples en CSS. Dans ce tutoriel, nous allons apprendre à réaliser des menus "simples" (sans arborescence: tous les liens sont au même niveau) à l'aide des feuilles de style.

Créer des menus simples en CSS

Sommaire Le code HTML. 40 + Générateurs de CSS. De temps en temps on vous parle de générateur de css.

40 + Générateurs de CSS

Pour alléger un site, optimiser son code ou créer quelques éléments graphiques, les générateurs ne manquent pas. Web3mantra liste donc 40 outils de développement css pour vous faciliter la tâche. La liste est assez grande et finalement quelques services se répètent. Vous aurez donc la possibilité de choisir celui avec lequel vous vous sentez le plus à l’aise et que vous trouvez le plus efficace, approprié à vos besoins. Css 3.0 Generateur. RGBA colors. A brief introduction to Opacity and RGBA. Elegant Dark CSS3 Menu Template. Nouveau tutoriel: Maîtriser le positionnement CSS dans toutes les situations. Benjamin De Cock nous fait cadeau d'un très bon article sur le positionnement CSS: Maîtriser le positionnement CSS dans toutes les situations, sous-titré «Comprendre le positionnement CSS et opter pour des choix adaptés à des situations précises».

Nouveau tutoriel: Maîtriser le positionnement CSS dans toutes les situations

Il ne faut cependant pas voir dans cet article une «bible» du positionnement CSS. Il n'est pas exhaustif et ne cherche pas à l'être. Il s'agit essentiellement d'illustrer une démarche qui consiste à faire des choix rationnels en matière de positionnement CSS. Les flottants font de la magie ! Site:forum.alsacreations.com probleme de float avec internet explorer. Containing Floats (Complex Spiral Consulting) CSS Float Theory: Things You Should Know - Smashing Magazine. Min-height sur Internet Explorer. Question souvent posée, celle de la propriété min-height non reconnue IE.

Min-height sur Internet Explorer

Voici quelques hacks diffusés sur le web : Pourtant, il semblerait qu'une petite astuce puisse régler ce problème, en tout cas sur bon nombre de navigateurs. Il suffit de commencer par donner une hauteur fixe au bloc (#bloc). HasLayout et bugs de rendu dans Internet Explorer 6-7. Le HasLayout, dont vous avez sans doute entendu parler au détour d'un tutoriel ou sur un forum, est une spécificité du navigateur Internet Explorer pour Windows, qui affecte les versions 5 à 7 incluses.

HasLayout et bugs de rendu dans Internet Explorer 6-7

Il s'agit d'un mécanisme interne du moteur de rendu d'Internet Explorer. Le HasLayout intervient dans le positionnement des éléments et plus généralement dans le calcul de l'affichage des pages web. Bref, c'est une question de cuisine interne. Pourquoi s'en occuper, s'il s'agit de cuisine interne ? Attribut target et standards du W3C. Fonction de l'attribut target L'attribut target a été introduit en HTML 4.

Attribut target et standards du W3C

C'est un attribut de l'élément a (hyperlien) permettant de désigner le cadre dans lequel la ressource spécifiée par l'hyperlien doit s'ouvrir. Il est possible de désigner le cadre cible par son nom, ou par l'un des quatre termes réservés: _blank, _self, _parent, _top. Il semble que les cadres soient de moins en moins utilisés. Mais l'attribut target reste prisé dans un cas spécifique, l'ouverture d'un contenu dans une nouvelle fenêtre du navigateur :

"target=_blank" n'est pas valide en doctype strict. Que faire  ? L'attribut target est une façon d'imposer une navigation aux visiteurs.

"target=_blank" n'est pas valide en doctype strict. Que faire  ?

Elle n'est pas acceptée par le W3C dans les versions strictes de HTML et XHTML. Elle fait par contre son retour dans HTML5 pour l'élément a car très utile en combinaison avec les <iframe> et les applications web.