pbl css/html......php => redimensionnement d'1 img de fond - HTML/CSS - Programmation
Marsh Posté le 07-11-2002 à 13:00:43
Qu'est que tu entends par "se redimensionner selon son contenu" ? Elle doit s'étirer ou se rétrécir c'est ça ?
Marsh Posté le 07-11-2002 à 13:06:16
oui c ca sauf qu'elle doit juste s'etirer elle a une hauteur mimimale qui est celle de 'menu'
Marsh Posté le 07-11-2002 à 13:08:23
Ben c'est pas possible en mettant l'image en fond. Tu dois la mettre dans un tag <img> avec les bonnes hauteur et largeurs (exprimées en %)
Marsh Posté le 07-11-2002 à 13:20:09
bon deja premierement merci de me repondre si rapidement(on se croirait sur un chat )
hum j'essaye de comprendre....
tu veux dire que, par exemple, la page galerie qui s'affiche ds centre doit avoir <img src=.... witdth=85% height=100%> avec un z-index:0 et le contenu qui s'affiche par dessus...
...g du mal comprendre parce que je vois pas comment ds ce cas img va s'etirer selon 'contenu'...
Marsh Posté le 07-11-2002 à 14:18:42
Déjà, pour que l'image se mette au dimension du tableau :
.tableau {propriétés}
.image {width: 100%; height: 100% } pour les CSS.
ensuite dans le body :
<table class="tableau" cellspacing="0" cellpadding="0">
<tr>
<td>
<img class="image" src="adresse" />
</td>
</tr>
</table>
Par contre, aggrandir ensuite le tableau automatiquement en fonction du contenu de la cellule en mettant donc un div en absolute par dessus l'image, me semble difficile...
Marsh Posté le 07-11-2002 à 15:02:55
arf!
j'y arrive pas!
pour que l'image soit au dimension du tableau ok pas de pbl
....mais si elle est en background y a pas moyen de lui attribué une 'commande' qui lui dise height=100% du tableau ou de la page
Marsh Posté le 07-11-2002 à 15:12:53
[citation]Non [/citation]
bon ben tant pis j'vais chercher une autre soluce alors
merci ++
Marsh Posté le 07-11-2002 à 15:16:29
Faut passer par JavaScript sinon.
> Récupérer la taille de la cellule
> Appliquer cette taille à l'image (en tant qu'objet <img> pas en fond)
Sinon avec Mozilla j'arrive à faire à peu près ce que tu veux faire mais ça ne doit marcher qu'avec Mozilla et c'est à base de <div> pas de tableaux.
Marsh Posté le 07-11-2002 à 15:16:53
Cela dit c'est moche les images étirées par le navigateur...
Marsh Posté le 07-11-2002 à 16:59:25
donc ds le cas des pseudos frames si les pages qui vont s'afficher dans 'centre'(ds mon cas) ont une taille differente il est impossible d'attribuer une deco(un fond) plus sympa qu'un tdcolor a moins d'ajuster son image et son tableau a la dimension du plus grand
eh Rasmus Lerdorf faudrait penser a ce remettre au travail
ps: l'img de fond ete un rect de plusieur couleur qui supporte tres bien l'etirement(mais on s'en fout )
Marsh Posté le 07-11-2002 à 17:25:35
Je t'ai déjà répondu :
La seule solution serait (note le conditionnel) de mettre un div en absolute PAR DESSUS ton image qui elle s'autodimensionne par rapport au TD, mais dans ce cas, oublie le dimensionnement du TD par le contenu du div en absolute.
Bref, grosso modo, spa possible
Marsh Posté le 07-11-2002 à 12:53:00
salut tout le monde
je fais un site qui utilise les pseudo frames(tout simple)
<table>
<tr>
<td colspan=2><? include ('header.php'; ?></td>
</tr>
<td> <? include ('menu.php'; ?></td>
<td> <? include ('centre.php' ?> .........
ma parti 'centre' contient une image de fond qui doit(qui devrait ) se redimensionner selon son contenu.
g essaye en faisant une feuille de style :
table {
background-image: url(fond1.gif);
background-repeat: no-repeat;
background-position: 0% 0%;
}
et en mettant un height=100% ds la balise td de la page 'centre' :
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" width="484 height="100%">
<?php
if ($page=='home' {
include ('home.php';
..........................
</td>
</tr>
</table>
Mais bon evidemment(pour ceux qui savent ) ca marche pas
si qq1 pouvait m'aiguiller un peu ca serait sympa
++