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 !
Laisser un commentaire » | 
html, référencement | 
Permalien
Publié par cweben
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 !
Laisser un commentaire » | 
css, html | 
Permalien
Publié par cweben
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 … ?
3 commentaires | html | Tagué : html, w3c | Permalien
Publié par cweben
Publié par cweben 