Les pages « profondes » nécessitent des ancres nommées « TOP » (retour en haut de la page) à intervalles réguliers, pour éviter à l’internaute de passer son temps à remonter en haut de la page péniblement.

Il existe une solution simple en pur CSS (accessible aux écrans ayant désactivé les Javascripts), permettant à l’internaute d’avoir , en bas de la page affichée, un petit bouton CSS toujours visible bien pratique pour remonter en haut de la page sans scroller…

Plutôt que de surcharger les pages d’explications, une petite bulle d’aide en CSS discrète est souvent bienvenue.

Celle que je propose ici est légère, s’active au survol de la souris, et présente l’avantage de pouvoir incorporer des mises en forme HTML (gras, retour à la ligne, etc.)

Le problème des pages dynamiques (dont le contenu est extrait d’une base des données), c’est qu’on ne peut pas prévoir la hauteur de la page. Les calques relatifs se positionnant par empilement, on ne peut donc pas compter sur les calques supérieurs pour coller un pied de page (footer) en bas…

L’issue CSS est pourtant simple.

Problème tout simple : comment transformer tout un calque en bouton cliquable ?

Faire un lien sur du texte, c’est le B-A BA du HTML ! Mais la balise <a> étant de type « inline », elle n’est pas utilisable sur un calque <div> qui, lui, est de type « block »…

D’où cette petite astuce CSS pratique :  […]

Mettre plusieurs attributs « class= »… » les uns à la suites des autres dans la même balise n’est pas très orthodoxe …
En fait c’est tout simple :

kesako les hacks ? Ce sont « petites bidouilles » du code CSS pour appliquer des règles de mise en forme CSS uniquement à certains navigateurs et pas aux autres…

pas si simple … quand il y a deux calques à l’intérieur !

ce serait tellement simple si Internet Explorer gérait les CSS de façon standard …

pour alléger les pages, il n’est pas nécessaire de passer par une image, ni par l’horrible bouton HTML (!), un simple CSS suffit…

Il n’y a pas que les TR/TD dans la vie !

Une simple technique autorise des angles assez élaborés en utilisant uniquement les propriétés de CSS 2.1

Mettre en page un document XML avec CSS permet de le rendre plus lisible

certains caractères peuvent être utilisés pour préciser une sélection, et certaines règles peuvent être raccourcies…

… ne marche (hélas…) qu’avec les navigateurs validant bien les CSS

Pratique aussi en PHP pour les images générées dynamiquement …

… comme des menus de navigation ou un bouton  » imprimer  »

Utilisation simple des CSS et de JavaScript pour mettre en valeur un lien…

Tout le monde connait les .class et les #id. Mais il y a plus avec CSS2 …
… et celà permet de créer des liens bien français… ou bien anglais !

… parceque les pages web ne s’affichent pas comme des pages A4 …