mardi, août 4 2009

Centrer son site avec les CSS

Centrer ses pages dans la fenêtre du navigateur de l'internaute offre bien souvent un grand nombre d'avantages! En effet, outre le rendu professionnel et les qualités esthétiques qu'il apporte à votre site, un bon centrage vous permet de proposer le consensus graphique le plus efficace par rapport aux multiple résolutions d'écran sur lesquelles vos pages sont susceptible d'être affichées.

Les feuilles de style sont indispensables pour ...

Lire la suite...

vendredi, juillet 24 2009

Corriger les bugs d'Internet Explorer dans vos CSS

Tout webmaster aguerri sait à quel point il est long et fastidieux de corriger les bugs d'affichage de Internet Explorer 6 (et éventuellement Internet Explorer 7). Pour contourner les failles du navigateur de Microsoft, il est possible de créer une feuille de style spécifique au navigateur de Microsoft (en utilisant les commentaires conditionnels) mais si vous n'avez qu'un nombre limité de bugs à corriger je vous recommande l'utilisation d'un hack. Pour se faire, insérez la ligne de commande * html devant le code CSS que vous souhaitez corriger de façon à obtenir quelque chose de ce type:

#mondiv {
/* code de mon div pour navigateurs plus récent que IE6 */
}

* html #mondiv {
/* code pour corriger le bug d'affichage d'internet Explorer 6 */
}

Vous pouvez également corriger les bugs d'affichage d'Internet Explorer 7 sur le même principe, en ajoutant *+html à votre code:

#mondiv {
/* code de mon div pour navigateurs plus récent que IE7 */
}

*+html #mondiv {
/* code pour corriger le bug d'affichage d'internet Explorer 7 */
}

Plus d'informations sur la personnalisation des feuilles de style pour chaque navigateur, cliquez ici!

mardi, juillet 21 2009

Supprimer la bodure autour d'un swf dans Firefox

Pour supprimer le léger cadre qui apparait sous Firefox lorsque vous insérez un fichier .swf, il vous suffit d'inclure les lignes de codes suivantes dans votre feuille de style:


object:active, div:active {
outline: none;
}

object:focus, div:focus {
-moz-outline-style: none;
}