Aller au contenu
  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

franck06

Adapter la taille d'une banniere dans une page web

Messages recommandés

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>

Partager ce message


Lien à poster
Partager sur d’autres sites

Invité tesgaz

Salut

 

faut le mettre en %

 

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

Partager ce message


Lien à poster
Partager sur d’autres sites
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>

Partager ce message


Lien à poster
Partager sur d’autres sites

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 ?

Partager ce message


Lien à poster
Partager sur d’autres sites

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...

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • En ligne récemment   0 membre est en ligne

    Aucun utilisateur enregistré regarde cette page.

×