Retour à Forum de programmation

autoresize image selon le tableau de taille?

  • pclovers
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mai 21, 2005
  • Messages: 154
  • Loc: Nagpur, India
  • Status: Offline

Message Mai 19th, 2008, 10:00 pm

J'ai table fixes% de la page. Je veux que cette image à l'intérieur il doit occuper toute la table mais il doit lui-même comme pour redimensionner la taille de la table, quelle que soit sa résolution.
J'ai l'image avec une résolution plus élevée et il agrandir le tableau. Je veux qu'il se régler que par table.
Get Free Traffic | Free Facebook Fans
The Gamers Worlds
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mai 19th, 2008, 10:00 pm

  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Mai 19th, 2008, 10:13 pm

Si la table est de taille fixe et ne change pas, que vous pouvez essayer ce qui suit...

Le HTML
HTML Code: [ Select ]
<table>
<tr>
 <td class="timg">
 <img src="file.jpg" />
 </td>
</tr>
</table>
  1. <table>
  2. <tr>
  3.  <td class="timg">
  4.  <img src="file.jpg" />
  5.  </td>
  6. </tr>
  7. </table>
Le CSS
CSS Code: [ Select ]
.timg img {
 height: 200px;
 width: 200px;
}
 
.timg{
 height: 200px;
 width: 200px;
}
  1. .timg img {
  2.  height: 200px;
  3.  width: 200px;
  4. }
  5.  
  6. .timg{
  7.  height: 200px;
  8.  width: 200px;
  9. }
Sinon, vous pouvez essayer de pourcentage (100%) pour. Timg img (...) Class...voir si cela permet :)
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Dragonkai
  • Student
  • Student
  • No Avatar
  • Inscription: Mai 10, 2007
  • Messages: 76
  • Status: Offline

Message Mai 20th, 2008, 10:12 pm

Oui, mais ce n'est pas le redimensionner n'est-ce pas?

Vous pouvez essayer d'utiliser% propriétés de la taille img elle-même.
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Mai 21st, 2008, 12:49 pm

Dragonkai a écrit:
Oui, mais ce n'est pas le redimensionner n'est-ce pas?

Vous pouvez essayer d'utiliser% propriétés de la taille img elle-même.

Il a dit que la table a été fixé...lire son poste
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • argrafic
  • Beginner
  • Beginner
  • No Avatar
  • Inscription: Déc 14, 2007
  • Messages: 53
  • Status: Offline

Message Mai 21st, 2008, 1:23 pm

pouvez redimensionner les images elles-mêmes?
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Mai 21st, 2008, 1:27 pm

argrafic a écrit:
pouvez redimensionner les images elles-mêmes?
Si vous mettez le code que oui, il sera...
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • argrafic
  • Beginner
  • Beginner
  • No Avatar
  • Inscription: Déc 14, 2007
  • Messages: 53
  • Status: Offline

Message Mai 21st, 2008, 1:29 pm

avec JavaScript?
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Mai 21st, 2008, 1:34 pm

argrafic a écrit:
avec JavaScripts?

Pas nécessairement...Vous pouvez mettre CSS...

Disons par exemple une image que vous souhaitez télécharger vers un site est de 200x200 pixels, mais vous voulez qu'elle soit 500x500 so what do you do? Vous photoshop soit il (enfin, manipuler en utilisant un programme) ou vous pouvez mettre dans les attributs suivants à lui:
HTML Code: [ Select ]
<img src="img.png" style="width: 500px; height: 500px;" />
Ce code devrait rendre l'image redimensionner à 500x500...la façon que j'ai exposés dans mon premier post ici, c'est CSS externe...la façon dont je vous ai donné ici est la même chose...l'exception de la CSS est en ligne.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • argrafic
  • Beginner
  • Beginner
  • No Avatar
  • Inscription: Déc 14, 2007
  • Messages: 53
  • Status: Offline

Message Mai 22nd, 2008, 9:12 am

oh, oui, je sais que cette partie.

ma question était plus de redimensionnement de l'image de la manière d'une table avec 100% avec la hauteur et le fait, par elle-même et non pas manuellement.
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Mai 22nd, 2008, 9:46 am

argrafic a écrit:
oh, oui, je sais que cette partie.

ma question était plus de redimensionnement de l'image de la manière d'une table avec 100% avec la hauteur et le fait, par elle-même et non pas manuellement.

Ah oui, vous pouvez le faire de cette façon...ozzu-t-il de cette façon...redimensionner le navigateur de cet page. Tout est est width = "100%" height = "100%"
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • lzr
  • Novice
  • Novice
  • No Avatar
  • Inscription: Mai 09, 2008
  • Messages: 28
  • Status: Offline

Message Mai 30th, 2008, 8:00 am

Bogey a écrit:
argrafic a écrit:
...
ma question était plus de redimensionnement de l'image dont une table avec 100% avec la hauteur et le fait, par elle-même et non pas manuellement.

Oh oui, vous pouvez le faire de cette façon...ozzu il le fait façon...redimensionner le navigateur sur cet page. Tout ce qu'il est est width = "100%" height = "100%"


Salut, Bogey,
Lorsque je tente de redimensionnement automatique de l'image en pourcentages, pour une raison quelconque IE6 et IE7 n'affiche pas l'image du tout. IE affiche mon image que si elle est de taille en px. Les pourcentages ne fonctionnent bien que dans Firefox. Le code que j'utilise est:
Code: [ Select ]
<td colspan="1" rowspan="6" style="text-align: center; vertical-align: top; width: 25px;"><img src="vertline.gif" style="width: 10%; height: 100%;">
</td>
  1. <td colspan="1" rowspan="6" style="text-align: center; vertical-align: top; width: 25px;"><img src="vertline.gif" style="width: 10%; height: 100%;">
  2. </td>

(J'ai hauteur de la cellule variable déterminée par du texte dans d'autres cellules, et je suis en train de redimensionner l'image qui est essentiellement une ligne verticale destinée à être un diviseur pour correspondre à la hauteur de cette colonne). IE ne supporte pas la taille d'image en pourcentages, ou je ne l'ai pas droit?
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Mai 30th, 2008, 12:16 pm

Essayez ceci...

Le CSS
CSS Code: [ Select ]
.tbcell {
 text-align: center;
 vertical-align: top;
 width: 25px;
}
 
.tbcell img {
 width: 10%;
 height: 100%;
}
  1. .tbcell {
  2.  text-align: center;
  3.  vertical-align: top;
  4.  width: 25px;
  5. }
  6.  
  7. .tbcell img {
  8.  width: 10%;
  9.  height: 100%;
  10. }

Et la cellule du tableau ressemblerait...
HTML Code: [ Select ]
<td colspan="1" rowspan="6" class="tbcell" ><img src="vertline.gif" />
</td>
  1. <td colspan="1" rowspan="6" class="tbcell" ><img src="vertline.gif" />
  2. </td>
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • lzr
  • Novice
  • Novice
  • No Avatar
  • Inscription: Mai 09, 2008
  • Messages: 28
  • Status: Offline

Message Mai 30th, 2008, 2:16 pm

Bogey,
Merci pour la suggestion. Ive essayé et il fonctionne avec Firefox, mais l'image ne sera pas afficher dans IE.
Lzr
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Mai 31st, 2008, 11:08 am

Ne pas afficher ou de ne pas redimensionner?

Pour qu'il en soit, je ne sais pas quoi faire...

Peut-être que IE n'aime pas les pourcentages...
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • lzr
  • Novice
  • Novice
  • No Avatar
  • Inscription: Mai 09, 2008
  • Messages: 28
  • Status: Offline

Message Juin 2nd, 2008, 1:30 pm

Bogey a écrit:
Ne pas afficher ou de ne pas redimensionner?
Pour qu'il en soit, je ne sais pas quoi faire...
Peut-être que IE n'aime pas les pourcentages...


IE n'affiche pas l'image du tout. Oui, apparenly il n'aime pas les pourcentages dans les cellules td. Il permet la taille de l'image en pourcentage de la totalité de la page si. Merci toute façon, Bogey.
Lzr
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juin 2nd, 2008, 1:30 pm

1, 2

Afficher de l'information

  • Total des messages de ce sujet: 17 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 231 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC