Google se met au html5

mardi 10 novembre, 2009

En consultant le source de la page d’accueil de Google aujourd’hui, je m’apercois qu’elle est passée au HTML5 :


 

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Google</title>

 

Au passage, on y découvre plein de choses dans cette page qui, historiquement, est lisible sur tous les navigateurs.
En y regardant de plus près le css, on y trouve quelques bonnes astuces :
Par exemple :

body,td,a,p{font-family:arial,sans-serif}
input{font-family:inherit}

permet de positionner la police Arial sur Netscape 4, input compris !

Il va peut-être falloir s’y mettre au Html5 !

 

 

Publicités

Centrer un élément sur une page en Css

mardi 30 décembre, 2008

En mettant à jour, une page html concernant l’instinct de mort de Jacques Mesrines, j’ai un peu galéré aujourd’hui autour du simple centrage d’un élément sur une page sous IE 6 :

Le problème est assez simple, je souhaitais centrer un div. La technique officielle consiste à utiliser la propriété « margin » en « auto » à gauche et à droite, et à définir la largeur (« width ») de manière fixe  :  Ce qui veut dire que les marges à gauche et à droite seront calculées en fonction de l’élément central.

<style type="text/css">
<!--
centrer{
margin-left  : auto;
margin-right : auto;
width        : 760px;
}
-->
</style>
<body>
<div class="centrer">élément centré</div>
</body>

En utilisant les raccourcis css, on peut déclarer « margin : 0 auto; » ce qui signifie que les marges hautes et basses seront nulles, et que les marges gauches et droites seront calculées automatiquement.

<body>
<div style="margin : 0 auto; width : 760px;">élément</div>
</body>

Oui, mais voilà, ca ne fonctionne pas sous Internet Explorer 6. Il faut centrer l’élément avec la propriété text-align au niveau supérieur :

<body style="text-align:center;">
<div>élément</div>
</body>

Pour que l’élément fonctionne sur tous les navigateurs :

<body style= »text-align:center; »>
<div style= »margin : 0 auto; width : 760px; »>élément</div>
</body>

Si l’on rajoute cette difficulté au problème du float internet explorer, ca commence à faire beaucoup pour un navigateur !


S’y retrouver dans les versions d’HTML

mardi 27 novembre, 2007

QUEL BORDEL ! 

schéma de l’évolution du langage HTML


La grange ne répond plus ?

mercredi 7 novembre, 2007

En cherchant à consulter les traductions francaises des recommandations du W3C, je m’aperçois que le site la-grange.net ne réponds plus.

Le site  la-grange.net hébergeait un grand nombre de traductions de documents « majeurs » tel que les spécifications du HTML 4.01, du XHTML 1.0, des CSS 1 et 2…

Autant dire que du bon, du certain, de la référence…

Ces traductions ont été réalisées par quelques techniciens de renom tel que Karl Dubost, Jean-Jacques Solari….

En creusant un peu, je m’apercois également que les pages ne se trouve pas dans le cache de Google… Curieux pour des documents officiels, non ?

Qui se cache derrière ce site la-grange.net … ?

zizou.gif