Adapter la taille d'une banniere dans une page web

[franck06]

salut je souhaite afficher une banniere de la sorte mais

j'aimerai que le width s'adapte à la taille de la fenetre en fonction

de la résolution

comment faire ?

 

<div align="center">

<table width="745" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="69" align="center" valign="middle" background="images/header2.gif"> <table width="745" border="0" cellspacing="0" cellpadding="0">

<tr>

<td><div align="center"><FONT size="18" color="white">ACCEUIL</FONT></div></td>

</tr>

</table> </td>

</tr>

</table>

</div>

[Invité tesgaz]

Salut

 

faut le mettre en %

 

<table width="99%" border="0" cellspacing="0" cellpadding="0">

[franck06]

bellou merci

juste au passage ca signifie quoi 99% ?

[Invité tesgaz]

99% de la page, elle s'adapte automatique à la largeur de la page du navigateur

[franck06]

99% de la page, elle s'adapte automatique à la largeur de la page du navigateur

ok merci pour la rapidite de reponse et @+

[KewlCat]

99% de la page, elle s'adapte automatique à la largeur de la page du navigateur

L'attribut de taille en pourcentage s'applique au conteneur de type "block" hierarchiquement immédiatement supérieur.(et à la taille du navigateur, à défaut de hiérarchie)

Si son conteneur est une div de 100px de largeur, ton tableau de largeur "90%" aura une largeur de 90px.

 

Au passage, je note :

- Une balise font utilisée alors que c'est déprécié (préférer un attribut style dans la div)

- Un tableau d'une seule cellule totalement inutile puisque incluant une div

- Un autre tableau totalement inutile puisque contenant une tableau etc. (voir ci-dessus)

 

Au final, tu devrais avoir quelque chose comme ça :

 

<div style="{ height: 69px; width: 100%; }" align="center">
 <div style="{ height: 69px; width: 745px; font-size: 18px; color: white; text-
align: center; vertical-align: middle; background-image: url('images/header2.gif'); }">  
   ACCUEIL
 </div>
</div>

[franck06]

tant qu'on y est :

est ce que faire du code html + ergonomique comme tu le proposes la

ca peut influancer le temps dechargement des pages ou est ce que c juste une question de lisibilité de code ?

[KewlCat]

Certains navigateurs sont méga-lents lorsqu'il s'agit d'afficher des tableaux imbriqués

(et surtout, ils attendent de finir de charger la page pour commencer à en faire le rendu, donc tu attends plus longtemps avant qu'il ne commence à t'afficher ta page...)

Donc, non, ça ne changera pas le temps de chargement de la page (charger 8Ko ou 9Ko franchement, c'est pas trop différent) mais ca peut induire un temps de "calcul" plus long de la part du navigateur...