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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


  • En ligne récemment   0 membre est en ligne

    Aucun utilisateur enregistré regarde cette page.

×
×
  • Créer...