Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1714 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html] forcer à 100% la hauteur d'une image sous FF

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[html] forcer à 100% la hauteur d'une image sous FF

n°1589191
dardadax
Posté le 20-07-2007 à 10:34:49  profilanswer
 

Bonjour tout le monde
 
Voilà j'ai un petit problème. J'ai une image verticale incluse dans une colonne d'un tableau de 9 colonnes 3 lignes. Sur la premiere ligne, j'alterne une image normale et une qui occupe deux lignes (fusion de cellules) ainsi de suite.
 
Sous Firefox, l'image reste à sa taille d'origine, mais sous IE ça marche: l'image prend la taille des 2 lignes fusionnées...
 

Code :
  1. <TABLE style="WIDTH: 580px; HEIGHT: 435px" cellSpacing=0 cellPadding=0 width=580 bgColor=#2a2a2a border=0>
  2. <TBODY>
  3. <TR>
  4. <TD vAlign=top>
  5. <P align=center><IMG src="" style="height: 362px; width=217px" height="362" WIDTH="217" border=0></P>
  6. <P style="VISIBILITY: visible; opacity: 1">texte et lien</P>
  7. <P style="VISIBILITY: visible; opacity: 1">&nbsp;</P>
  8. <P style="VISIBILITY: visible; opacity: 1"><BR>&nbsp;</P>
  9. <P style="VISIBILITY: visible; opacity: 1">&nbsp;</P></TD>
  10. <TD style="WIDTH: 2px" vAlign=top width=2>
  11. <P style="VISIBILITY: visible; opacity: 1"><IMG style="WIDTH: 2px; HEIGHT: 100%" height="100%" alt="" src=""  height="100%" WIDTH="2" border=0></P></TD>
  12. <TD vAlign=top>
  13. <P class=last>
  14. <TABLE style="WIDTH: 201px; HEIGHT: 433px" cellSpacing=0 cellPadding=3 width=201 border=0>
  15. <TBODY>
  16. <TR>
  17. <TD vAlign=top>texte
  18. <P>texte</P>
  19. <P class=last>texte</P></TD></TR></TBODY></TABLE>


 
(je n'ai pas mis les images car elles sont sur mon ordi et donc pas de lien internet pour les afficher de chez vous :P)
 
Donc si vous connaissez l'astuce pour mettre la hauteur à 100% sous firefox, ce serait cool de me la montrer ;)

mood
Publicité
Posté le 20-07-2007 à 10:34:49  profilanswer
 

n°1589257
AlphaZone
Posté le 20-07-2007 à 11:55:19  profilanswer
 

Salut,
 
Rien qu'en regardant ca:

Code :
  1. <IMG style="WIDTH: 2px; HEIGHT: 100%" height="100%" alt="" src=""  height="100%" WIDTH="2" border=0>

 
Je prends peur! A en croire ton code, tu souhaite faire une répétition verticale. Rien de plus simple.
 
Tu devrais faire quelque chose d'un peu plus propre :

Code :
  1. <td class="left-column"></td>


 
Fichier css:

Code :
  1. td#left-column {
  2. background-image: url('ton_image.jpg');
  3. background-repeat: repeat-y; /* ou repeat-x, j'm'en souviens jamais :D */
  4. background-position: top left;
  5. }


 
Il va de soit que ce n'est pas la meilleur des solutions mais je pense que ca répondra à une partie de ton problème.


---------------
"Nous avons tous nos machines du temps. Celles qui nous ramènent en arrière sont les souvenirs, celles qui nous projettent en avant sont les rêves."

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [html] forcer à 100% la hauteur d'une image sous FF

 

Sujets relatifs
Exporter données dans une page htmlIntercation javascript et flash pour chargement d'image
Police attachée à HTML et/ou CSS ?Plusieurs flash dans une page html - probleme avec swfObject
Hauteur de ligne tableau + IEServlet- continuer dans la même page html
noob html suite ----- onclick sans nouvelle fenetreSWT - Forcer une fenêtre à rester en arrière plan
Réduction taille image, Internet ExplorerProblème encodage PHP/XML/HTML
Plus de sujets relatifs à : [html] forcer à 100% la hauteur d'une image sous FF


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR