Redimensionner un cadre selon la taille de la fenêtre

Redimensionner un cadre selon la taille de la fenêtre - HTML/CSS - Programmation

Marsh Posté le 02-03-2012 à 18:13:47    

Bonjour,
Donc j'ai une page avec plusieurs images en défilement horizontal et qui font 850px de largeur. Voici le code :
 
 
<table width="400" border="0" cellspacing="30" style="">
<tr>
<td><img src="gallerie1/res/F1000011.jpg"/></td>
<td><img src="gallerie1/res/F1000012.JPG"/></td>
<td><img src="gallerie1/res/F1000013.JPG"/></td>
<td><img src="gallerie1/res/F1000014.JPG"/></td>
<td><img src="gallerie1/res/F1000015.JPG"/></td>
</tr>
</table>
 
Alors sur mon 24" c'est parfait, les images ont la taille qu'il faut et tout et tout, seulement j'aimerais optimiser le site pour les basses définitions et petits écrans, et l'idéal serait de faire en sorte qu'à partir du moment où apparaît la scrollbar verticale, et ben les images rétrécissent. (et qu'il n'y ait donc plus besoin de scrollbar verticale.)
J'ai essayé plein de trucs en css et html, mais ça merde toujours quelque part. soit les images vont s'agrandir avec la fenêtre, soit l'espace entre les images se met à changer etc.
 
Voici ma page test :
http://peelslowlyandsee2.free.fr/
 
Auriez vous une solution simple ?
 
 
Merci !

Reply

Marsh Posté le 02-03-2012 à 18:13:47   

Reply

Marsh Posté le 04-03-2012 à 23:11:52    

Personne n'a une idée ?
c'est assez important ^^ et vraiment je ne trouve pas comment faire !

Reply

Marsh Posté le 05-03-2012 à 09:28:43    

Petite précision, les frames et la mise en page par tableau, c'est déprécié depuis 1999 :o
 
Solution 1 à ton pb, une fois que t'aura viré les frames et tableaux de mise en page : utiliser dans le css les unités type "em" ou "%"
 
Solution 2 : avec javascript, détecter la résolution du navigateur et effectuer le traitement en conséquence.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 05-03-2012 à 10:18:06    

je sais bien que c'est dépassé, je m'attendais à cette réponse d'ailleurs.  
 
il n’empêche que j'aimerais bien faire ce type de présentation pour mon site, ok je peux faire sauter les frames, mais les tableaux je suis obligé pour le défilement horizontal non ?  
et si je fais sauter les frames, je n'aurais plus mon menu constamment affiché à gauche et ça ça m'ennuie.  
 

Reply

Marsh Posté le 05-03-2012 à 15:40:19    

Ben une div pour le menu à gauche, une div pour le contenu. Et non, tu peux faire des défilements sans les tableaux! Suffit aussi d'utiliser des div.
 
Si t'as pas de langage côté serveur (comme php), pour avoir ton menu à gauche et simuler le "include()", tu peux utiliser ajax pour charger dans le div du menu le contenu du menu. C'est pas top, mais ça dépanne. Le mieux serait un langage côté serveur...
 
Edit : et pour faire les anim, y'a des libs en JS comme JQuery, script.aculo.us... ;)


Message édité par rufo le 05-03-2012 à 15:41:01

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed