Discussion :

[Oranelle]

Bonjour à tous.
je crée un site web et voici mon problème :
je voudrais mettre une image en fond pour y mettre du texte au dessus (jusque là ça va :

css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

.coordonnees { background:url(images/index_14.jpg); width="100%"; background-repeat:no-repeat; }

body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td width="49%"><div class="coordonnees"> mon texte </div></td>

mon image est donc exprimée en pourcentage et non en pixel (pour que mon tableau s'adapte à toutes les résolutions d'écran.
comment puis-je alors définir la hauteur de mon image pour qu'elle soit affiché entièrement ?

[RomainVALERI]

Maintenant qu'il est établi (depuis assez longtemps) que la mise en page web par l'intermédiaire de tableaux pose plus de problèmes qu'elle n'en résoud, et que de plus elle ruine toute la sémantique des documents, tu trouveras de moins en moins de personnes aptes à connaître les divers "hacks" ou bidouilles spécifiques pour les tableaux HTML et leur affichage dans les différents navigateurs. En revanche, tu risques d'entendre assez souvent cette rengaine (à laquelle je m'associe d'ailleurs )

>>> pour ta mise en page, as-tu envisagé d'utiliser les CSS qui sont faites pour ça, et n'utiliser les tableaux que pour afficher des données... heu... tabulaires ?

[Bovino]

mon image est donc exprimée en pourcentage

Non, pas du tout, c'est la div dont la largeur est exprimée en pourcentage, pas l'image de fond qui sera toujours affichée à sa taille initiale.

Au pire, tu peux utiliser la propriété CSS3 background-size en fonction des navigateurs, mais la compatibilité n'est pas optimale.