samedi 19 février 2005

Connaissez-vous les Gravatars ?

Mise en place des Gravatars sur le blog d'Alsacréations !

Les GRAvatars (Globally Recognized Avatar), comprenez par là, Avatar universel, sont des images associées à un compte sur Gravatar.com permettant d'utiliser une image d'avatar automatiquement pour les commentaires sur les blogs (entre autres).

(Lire "Connaissez-vous les Gravatars ?")

Par Olivier PATRY, à 22:20 - Astuces

Intérêt du billet: 3.33(6) - 68 commentaires - Aucun trackback - Lu 11871 fois

mardi 15 février 2005

Inclure un fichier dans une page HTML sans utiliser <iframe>

Si l'usage des inclusions en langage serveur n'est pas possible et si l'on tient à éviter l'usage contesté de la balise <iframe>, il est théoriquement possible d'utiliser la balise générique <object> pour inclure n'importe quel format de fichier au sein d'un document HTML.

Cependant, bien que cela fonctionne parfaitement sur Firefox, tous mes essais sur Internet Explorer avaient lamentablement échoués jusqu'à ce jour.

En fait, pour utiliser l'élément <object> sous Internet Explorer il faut en définir explicitement les dimensions :

CSS :
object {width:400px; height:200px}

HTML :
<object data="fichier.html" type="text/html" />

Merci à Xavier pour m'avoir ouvert de nouveaux horizons ;)

Il reste un seul hic : pas moyen de supprimer ou cacher les vilaines barres de scroll autour de l'objet. Les "overflow: hidden" ne fonctionnent pas sous IE et Opera (mais s'appliquent bien sur Firefox). Si quelqu'un a une idée pas trop biscornue, elle est la bienvenue !

EDIT de derrière les fagots

Merci à Cassy d'avoir exhumé cette astuce et d'y avoir apporté une solution.

Exemple pour page.html : c'est la page principale qui appelle l'objet

<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test objet</title>
</head>
<body>
<object type="text/html" data="object.php" width="160px" height="600px">
</object>
</body>
</html>

... puis il faut appliquer ces styles à la page fille object.php :

html {

	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	border: 0 none;
}

body {
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 160px;
	height: 600px;
}

Par Raphael GOETTER, à 12:50 - Astuces

Intérêt du billet: 2.2(162) - 17 commentaires - Aucun trackback - Lu 58712 fois

lundi 14 février 2005

Une FAQ (X)HTML / CSS pour le forum Alsa

Le forum Alsacréations, dédié aux Standards W3C sous toutes leurs formes (HTML, XHTML, CSS, Accessibilité, etc.), commence à prendre de l'ampleur puisqu'il est en passe d'accueillir son 1000è membre en moins de quatre mois d'existence.

Comme beaucoup de communautés d'entraide, le forum Alsa voit régulièrement se poser les mêmes questions par les membres, malgré l'outil de Recherche sur le forum (pourquoi target ne valide pas en strict ? pourquoi mon bloc flottant dépasse du contenu ? etc.).

Grâce à Olivier Patry, ces questions fréquentes sont à présent regroupées dans une toute nouvelle FAQ (Foire Aux Questions, ou Frequently Asked Questions), ce qui va faciliter les recherches.

Cette FAQ prend un peu plus de poids chaque jour, grâce à la contribution de l'équipe de modération du forum. Espérons que chacun y trouvera réponse à ses interrogations.

(EDIT : en ce moment, des essais d'habillage sont en cours pour la FAQ, ne vous étonnez pas si elle change de look entre deux visites ! D'ailleurs les commentaires sur la mise en page sont les bienvenus :))

Par Raphael GOETTER, à 11:30 - Astuces

Intérêt du billet: 1(1) - 9 commentaires - Aucun trackback - Lu 3851 fois