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

Z-Index et IE6

Que de galères encore et toujours avec Internet Explorer 6 !!!

Le Z-index, encore une chose qui ne s’applique pas comme on le désire.

Vous avez surement retourné votre code HTML et CSS dans tous les sens et pourtant le problème persiste, votre menu passe en dessous d’un autre bloc !!!

Appliquez simplement une position:relative, en plus du z-index, au bloc parent qui pose problème et ça marchera.

Exemple :

#parent {
position:relative;
z-index:100;
}

  • 1 Comment
  • Filed under: CSS
  • J’en ai passé du temps à chercher la raison de ce mystérieux espace entre deux lignes d’un tableau, lorsqu’une des cellules comporte une image.

    Ce problème venait uniquement sous Firefox et uniquement avec un Doctype en XHTML Strict. Pas de problème sous Internet Explorer et même chose avec un autre Doctype même en XHTML Transitional.

    Sans solution à mon problème et persuadé que je ne suis pas le seul à l’avoir rencontré, j’ai lancé une recherche sur Google.

    La solution est la suivante : rajouté un display:block sur les images.

    Pourquoi : parcequ’en XHTML Strict la valeur de base d’une image pour un « display»  est « inline» . De ce faite, l’image se comporte comme du texte et affiche d’office « l’espace descendant» 
    utilisé pour le jambage des lettres tel que « j»  « p»  « q»  etc… Rajouté un display:block supprime se jambage et de ce fait l’espace qu’il occupait.

    Mais voici une explication bien détaillée sur le problème : Images, tableaux et décalages mystérieux – MDC.

  • 0 Comments
  • Filed under: CSS, HTML
  • De bonnes bases en CSS

    Voici un article de Smashing Magazine (en anglais) très intéressant sur les bases des CSS : padding vs margin, float, positionnement, etc…

    Un récapitulatif, voir une découverte dans certains cas, bien pratique. Je vous invite à le lire il vous permettra de bien aborder vos feuilles de style.

    Mastering CSS Coding: Getting Started.

  • 0 Comments
  • Filed under: CSS
  • Doctype est un site Questions/Réponses dédié au HTML, CSS et Webdesign.

    Vous y posez vos questions (accessible à tous même en invité) et vous attendez ensuite les réponses. Une question peu avoir du coup plusieurs réponses et donc plusieurs solutions.

    Cela fait de ce site une bible des astuces HTML, CSS et Webdesign.

    Les Questions/Réponses sont triées par nombre de votes, nombre de réponses, popularité…

    Il est temps d’y faire un tour : Web design Q&A – Doctype.

    Bon le site est en anglais, mais tous le monde le parle :p

  • 0 Comments
  • Filed under: CSS, HTML, WebDesign
  • Bienvenue sur Adrênatie.com

    Webmaster de profession, j'ai un nombre impressionnant de liens intéressants sur la création de site Internet.

    D'un point de vue pratique, ça ne l'est pas. J'ai donc créé ce blog, pour m'en servir d'archives et en même temps vous en faire profiter.

    Bonne lecture