Adobe vient d'annoncer une nouvelle extension qui fournit un support de HTML5 et CSS3 dans Adobe Dreamweaver CS5.
Bien que HTML5 et CSS3 n'est pas encore finalisé, l'extension fournit un support pour un ensemble de fonctionnalité actuellement mises en oeuvres.

http://labs.adobe.com/technologies/html5pack/

Technorati Tags: adobe, css3, dreamweaver, html5

Un des problemes que j'ai rencontré dernierement avec internet Explorer c'est qu'il ne reconnait la propriété min-height et min-with dans les style (css).

Aprés quelques recherche sur internet voici la solution pour contourner ce problème (un parmi tans d'autres).

.selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

Technorati Tags: css, hack, internet explorer, navigateur

ie4osx est un très bon outils pour les web designer. il leurs permet d'avoir une version IE sur le mac et ainsi pourvoir faire toute les modifications nécessaire pour résoudre les dizaine de problèmes qu'on rencontre avec IE a cause du non respect des norme de feuille de style (CSS).
Notez que vous devez disposer de X11 pour le faire tourné

Technorati Tags: emulateur, internet explorer, mac

Micosoft vient de confirmer qu'ils vont utiliser Word Rendering Engine (le moteur de rendu word) pour afficher les emails au format HTML dans Outlook 2010.

Cela signifie que, pour les 5 prochaines années, le designs des emails aurez besoin de tables pour la mise en page, les CSS comme "float", "position" et les images de fond (background image). Sans oublier la longue liste de bugs et de bizarreries qui brisent les mises en pages les plus simples.

Technorati Tags: bugs, css, email, html, microsoft, outlook

Voici un site très intéressant, un générateur de texte avec plein d'options :
nombres de mots ou de caractères tout en précisant la largeur en pixels, le nombre de points, etc.

Technorati Tags: generateur, text

Créer une feuille de style pour votre fichier rss.
voire la video

Télécharger le fichier rss.php
Télécharger le fichier rss_style.css

h2 a:visited:after {
content:"texte après le lien";
}

Lorsque vous cliquez sur le lien le texte : texte après le lien apparaitera après le lien.

Bien sur vous pouvez le changer. Si vous voulez ajouter le check mark par exemple mettez \00A0\2713

Vous trouverez d'autres caractères ici : Unicode Character Code Charts

Créer un menu verticale a partir d’une liste a puce, cela peut s’avéré très pratique si on veut créer se genre de menu sans avoir recours aux images et aux tableaux. Ce qu’il faut pour ça : Une liste a puce

menu 1
menu 2
menu 3

Et un petit peu de style

Ce que nous allons faire maintenant c’est de redéfinir l’aspect de ces balises li et ul 1. supprimer les puces :

list-style-type: none; 

2. supprimer les marges :

margin: 0px;
padding: 0px;

Bien sur avec de la mise en forme pour la forme finale et c’est fini :

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    li {
    background-color: #FFCC00;
    display: block;
    padding: 3px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    }
    Li:hover {
    background-color: # 000000;
    display: block;
    padding: 3px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #FFCC00;
    font-family: Arial, Helvetica, sans-serif;
    } 

Technorati Tags: css, html, list, menu

le trucs est simple

  html, body {
  height: 100%;
  }
 
  #zone{
  display:block;
  text-align:left;
  background-color: #292929;
  width: 770px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  }

ça c'est pour le style, maintenant dans la page vous mettez simplement une balise DIV avec zone comme id :

 <div id="zone"></div>

Technorati Tags: css, html