Forum

Index du repertoire trucs et astuce

Attention , cette page même vers differents essais et bricoles css et xhtml , elles sont en lignes a titres d'essai et d'eventualités , certaines de ces pages peuvent comportées de grossieres erreurs , ne pas respecté la semantique ou ne fonctionnée que dans une minoritée de navigateurs.

Gardé donc un esprit critique et ne prenez rien ici comme la solution mais comme des possibilitées ou des pistes eventuelles.

Un probleme de mise en forme peut-etre contourné de differentes manieres , parfois , la structure html , elle même vaut d'etre reprise . Simplifiez avant de compliquer des choses deja peut-etre compliquées

Menu

Les listes

  1. Liste verticale et effets de roll-over sur texte et images. voir
  2. Menu horizontal centré (V2) voir
  3. Liste verticale et effets de roll-over sur puce. voir
  4. Alignement par le centre. voir
  5. Liste horizontale sans retour a la ligne (test) voir
  6. Liste et roll-over en image sans preload voir
  7. Menu vertical de base. voir
  8. Menu horizontal de base voir

Les flottants menu

  1. image flottante debordante voir
  2. Eliminer bug avec un clear:both voir
  3. Ne pas passer sous un flottant (overflow:hidden et display:inline-block;) voir
  4. IE et 3 px en trop ! voir
  5. Eliminer le clear:both; et son bug voir
  6. Englober un flottant sans clear ni overflow voir

Test sur centrage verticauxmenu

  1. Bouton "splash" au centre de la fenêtre sans tableau voir
  2. centre un site sans marge negatives (tout navigateurs) voir
  3. centrage avec des div ou des listes voir
  4. Centrage dans la fenetre (sans marges negatives) centrages des contenus voir
  5. tableau ou ? voir
  6. page test sur centrage vertical voir
  7. un test sur 2 lignes de 3 div voir
  8. Alignement texte et image vertical (test). voir

En vracs menu

inversion du sens ou comportement d'affichage

  1. un text-indent a droite.. voir
  2. barre de scroll à gauche et textes qui disparaisent vers la gauche. voir
  3. Inverser le sens de lecture d'un texte . voir

Divers

  1. deplacer uniquement la zone d'affichage d'un element. voir
  2. Menu decallé et page centré voir
  3. Div cliquable (test). xxxxxxxxxxxx voir
  4. Comment declarer un min-height pour tout les navigateurs. voir

Javascript et autres

  1. Inserer un javascript dans une page. voir
  2. Afficher un vrai Abbr pour IE LTE6 (js) voir
  3. Afficher / Cacher une balise en dynamique (js) voir
  4. ouvrir une popup (js) voir
  5. Un compteur en php sur fichier texte (php) voir
  6. Empecher une page d'apparitre dans un(e) "frame/cadre" (js). voir
  7. Voir/cacher une image au clic ,sans javascript voir
  8. Voir/cacher une image , un texte au clic ,sans javascript voir
  9. Afficher / Cacher une balise en dynamique (js) voir

Avec ou sans images ?

  1. Ombres sans Images , compatible IE. voir
  2. anti-copie d'images sans css ? voir
  3. Antie copie css (tests) voir
  4. Les coins arrondis , sans images et compatibles IE. voir
  5. test sur preload d'images en css. voir
  6. Texte en relief (ou ombré). voir
  7. Fond de page extensible. voir
  8. bordures graphique verticales et fluides (v1). voir
  9. bordures graphique verticales et fluides (v2). voir
  10. 2 couleurs de fond pour une page (html, body). voir
  11. Bouton "W3C sans images voir

tableau , faux tableaumenu

  1. Bouton "splash" au centre de la fenêtre sans tableau voir
  2. Des bordures , comme si c'etait un tableau. voir
  3. Table ou div , contenu aligner sur le bas (chat box). voir
  4. Roll over sur ligne de tableau , exemple a ne pas suivre. voir
  5. Essai de faux tableau en div voir
  6. un autre essai avec les tableaux. voir
  7. Info-bulles sur tableau voir

Formulairesmenu

  1. Centrer ou dimensionner un legend voir
  2. Stylé un bouton de formulaire . voir
  3. Faux fieldset et legend , utilisable en dehors d'un formulaire voir

Faux framesmenu

  1. Faux frame centré, largeur en "em". voir
  2. Faux frame , sans bug dans IE. voir
  3. Faux frame , leger bug dans IE. voir
  4. Encore un faux frame en em , 1colonne voir
  5. faux frame 2 colonnes et centré voir
  6. Faux frame , debuggé , mais en mode quirk pour IE ! . voir
  7. Faux frame pleine page , scroll a la roulette et menu deroulant. voir
  8. faux frame centré et 2 colonnes voir

Pieds de pages menu

  1. Pied bas de page (V1). voir
  2. Pied bas de page (V2) voir
  3. placer Un pied en bas de la page ou une balise au bas de son conteneur. voir
  4. fausse colonne et pied de page (test). voir

IE et les commentaires conditionnels ou filtres menu

  1. Charger une feuille de style dans IE uniquement. voir
  2. Filtrer /cacher un morceau de code a IE. voir
  3. Filtrer /cacher un morceau de code a IE (V2). voir
  4. Cacher une feuilles de style a IE. voir
  5. Aperçu des possibilité d'usage des commentaires conditionnels. voir