Passage de tableau à CSS et XHTML strict

Salut,

Dans le cadre de mon stage, on m'a demandé de rapidemment et sans rentrer dans le detail
pour la mise en forme de refaire cette page construite en tableaux dans un format XHTML et CSS valide.

Voila la feuille de style de la page

J'ai pas mal hésité sur sa construction, je devais faire 3 blocs alignés sur la largeur.
Finalement j'ai fait deux div, dans le premier du texte du texte(1er bloc), dans le second du texte avec une image flottant a gauche(2 et 3eme blocs).
Le tout dans un div global positionné en absolu et centré sur la largeur.

Je souhaite avoir un avis sur cette construction.

Une autre petite question, cela sert il a quelques chose de mettre la balise meta author avec son nom dedans ?
Ca se fait ? Quel est l'usage ? Visiblement sur le forum alsa. elle n'y est pas.

Merci.
Modifié par Hum (15 Jun 2006 - 18:31)

Bonjour,
ça semble correct mais j'enleverrais certaines paires de balise:
Tu as des <div></div> que tu pourrais supprimer si le type de contenu de
tes block n'est pas amené à évoluer: pas besoin d'encradrer ton
paragraphe dans un div puisque <p> est aussi une balise de type block
positionnable, pareille pour ton <h1>:

<div id="global">
	<h1><span class="cognac">Cognac</span><br />Pineau des Charentes</h1>
	<img src="visuel21.jpg" alt="J.Normandin-Mercier Fondée en 1872" width="336" height="248" class="visu" />
		<p id="txt_d">
			Chateau de la P&eacute;raudi&agrave;re,<br />
			17139 Dompiere sur Mer, France<br />
			Phone: +33 (0)5 46 68 00 65 <br />
			Fax: +33 (0)5 46 68 10 76<br />
			email: <a href="http://cognacnm.com/cognac.normandin-mercier@wanadoo.fr" title="Contact J.Normandin-Mercier" >cognac.normandin-mercier@wanadoo.fr </a>
		</p>
</div>

et le bout de css remodelée

.cognac {
	font-size:1.2em;
}	
h1 {
	float:left;
	margin:60px 19px 0 0;
	font-weight:400;
	font-size:1.3em;
	color:#000;
	text-align:right;
	line-height:1.2em;
	padding:0 0 10px;
}

#txt_d {
	float:left;
	margin:0 0 0 10px;
	padding:60px 0 0;
	font-size:0.7em;
	line-height:19px;
	width:250px;
}

Concernant le meta author, sache que les balises meta sont devenu
obsolète, les principaux moteurs de recherche (Google, yahoo..) ne les
prenne plus en compte.
Peut-être y a-t-il un équivalent avec les <link...> je ne sais pas.
Modifié par Hermann (15 Jun 2006 - 21:43)

C'est juste.

Bien vu, merci Hermann.

Hermann a écrit :
Concernant le meta author, sache que les balises meta sont devenu
obsolète, les principaux moteurs de recherche (Google, yahoo..) ne les
prenne plus en compte.
Peut-être y a-t-il un équivalent avec les <link...> je ne sais pas.

Houla houla, pas toutes les balises META ! Celle-là par exemple est plus qu'utile :

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

La balise meta name="description" conserve également une certaine utilité, bien que réduite. Les meta keywords sont quant à eux pour ainsi dire ignorés.

Dans le cas de meta author :
– c'est une métadonnée, donc il n'est pas exclue qu'elle soit parsée/indexée par des services web, même si les moteurs de recherche ne le font pas… mais bon, ça fait pas de mal ;
– c'est une indication générale pour les droits d'auteur, on peut vouloir fournir cette information à tous ceux qui sauront la trouver.

Oui c'est sur je pense.

Je mets constamment toutes celle là :

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="" />
<meta name="description" content="" />
<meta name="keywords" content=" " />
<meta http-equiv="Content-Language" content="fr" />

Ma reponse à Hermann etait par rapport a ses remarques sur les balises div de ma page.
Je reflechis et specule peu sur le comportement des robots de toutes façon, ma question sur ma metha author etait surtout par rapport au fait que c'était une page pour une société donc je me demandais si cela pouvais etre vu comme "pretencieux", pas correct ou malvenu d'y laisser son nom.
Modifié par Hum (15 Jun 2006 - 23:39)

a écrit :
Houla houla, pas toutes les balises META ! Celle-là par exemple est plus qu'utile :

Oui en effet gros oubli de ma part! Merci de le préciser