Voici le contenu cité :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hauteur égale (méthode permettant d'avoir la même hauteur de colonne)</title>
<style type="text/css">
corps{
remplissage : 0 ;
marge : 0 ;
taille de police : 12 px ;
famille de polices : Arial, Helvetica, sans-serif ;
hauteur de ligne : 140 % ;
arrière-plan :#E7DFD3 ;
}
#milieu{
largeur : 580 px ;
flotteur : gauche ;
arrière-plan :#FFFFFF ;
texte-align:gauche;
} #en-tête,#pied de page{
arrière-plan : #E8E8E8 ;
largeur : 750 px ;
texte-align:centre;
}
#sideleft{
largeur : 580 px ;
flotteur : gauche ;
position : relative ;
marge gauche : -580px ;
}
#sideright{
largeur : 170 px ;
flotteur : à droite ;
position : relative ;
marge : 0 -170px 0 0 ;
arrière-plan : #F0F0F0 ;
} #pied de page{
clair : les deux ;
}
h1,h2,adresse,p{
marge : 0 ;
rembourrage : 0,8 em ;
}
h1,h2{taille de police : 20px ;} </style>
<script type="text/javascript">
// <![CDONNEES[ fonction toggleContent(nom,n) {
var i,t='',el = document.getElementById(name);
si (!el.origCont) el.origCont = el.innerHTML;
pour (i=0;i<n;i++) t += el.origCont;
el.innerHTML = t;
} // ]]>
</script>
</tête>
<corps> <div id="en-tête">
<h1>Tête</h1>
<div id="milieu">
<div id="sideright">
<div id="sideleft">
<h2>côté gauche</h2>
<p><a href="javascript:toggleContent('sideleft',1)">Longueur par défaut</a> <a href="javascript:toggleContent('sideleft',2)">Page plus longue< /a></p>
<p> Il n'est pas facile de passer d'une approche de conception fixe, basée sur les pixels, à une approche de conception flexible et relative. Mais s’il est utilisé correctement, il peut constituer un choix naturel pour accroître l’accessibilité et la facilité d’utilisation sans sacrifier la conception. </p>
<p> Un pixel est un point non évolutif sur un écran d'ordinateur, et un
h3 est un carré de la taille d'un mot. En raison du changement de taille de police, h3
Unité relative représentant la taille de texte préférée de l'utilisateur. </p>
<p> Il peut être plus facile d'opter pour un design imprimé et fixe car il y a moins de choses à considérer si les dimensions restent les mêmes. Cependant, si vous adoptez une méthode de conception flexible, vous pouvez utiliser pleinement le <a href="http://product.yesky.com/catalog/345/" class="bluekey" target="_blank">moniteur de l'ordinateur. </a> et le navigateur. </p>
<p> Vous souhaitez peut-être que votre site Web apparaisse d'une certaine manière, mais ce que vos utilisateurs souhaitent voir peut être différent. Tout ce qui est imposé aux utilisateurs nuit à la facilité d'utilisation et nuit donc au succès du site. </p>
<p> Il n'est pas facile de passer d'une approche de conception fixe, basée sur les pixels, à une approche de conception flexible et relative. Mais s’il est utilisé correctement, il peut constituer un choix naturel pour accroître l’accessibilité et la facilité d’utilisation sans sacrifier la conception. </p>
</div>
<h2>côté</h2>
<p> Il n'est pas facile de passer d'une approche de conception fixe, basée sur les pixels, à une approche de conception flexible et relative. Mais s’il est utilisé correctement, il peut constituer un choix naturel pour accroître l’accessibilité et la facilité d’utilisation sans sacrifier la conception. </p>
<p> Un pixel est un point non évolutif sur un écran d'ordinateur, et un
h3 est un carré de la taille d'un mot. En raison du changement de taille de police, h3
Unité relative représentant la taille de texte préférée de l'utilisateur. </p>
<p> Il peut être plus facile d'opter pour un design imprimé et fixe car il y a moins de choses à considérer si les dimensions restent les mêmes. Cependant, si vous adoptez une approche de conception flexible, vous pouvez utiliser pleinement le moniteur et le navigateur de votre ordinateur. </p>
<p> Vous souhaitez peut-être que votre site Web apparaisse d'une certaine manière, mais ce que vos utilisateurs souhaitent voir peut être différent. Tout ce qui est imposé aux utilisateurs nuit à la facilité d'utilisation et nuit donc au succès du site. </p>
</div></div>
<div id="pied de page">
<adresse>
Pied de page
</adresse>
<p>Production : <a href="http://homepage.yesky.com">Page Web Tao Bar</a></p>
</div>
</corps>
</html>
<langage de script="Javascript">
var maintenant = new Date();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>");
</script>
<noscript>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/>
</noscript> |
