Petites images et grandes images...

Petites images et grandes images... - HTML/CSS - Programmation

Marsh Posté le 12-07-2009 à 20:43:45    

Bonjour,
 
Problème édité !
 
Voilà, je vais expliquer ça par un schéma, avec des mots, je savais pas trop quoi mettre... Je voudrais organiser ma page comme ceci :
 
                                       ____________________
Texte Texte Texte Texte    |                               |
Texte Texte Texte Texte    |                               |
Texte Texte Texte Texte    |     'Grande image'       |
Texte Texte Texte Texte    |        'variable'           |
Texte Texte Texte Texte    |                               |
Texte Texte Texte Texte    |___________________|
 
______   ______   _____      ______   ______
|        | |        |  |        |   |        |  |         |
|_____| |_____|  |_____|   |_____|  |______|       -> 'Petites images'
 
 
En fait, j'aimerais que quand on clique sur une 'Petite image', elle s'affiche dans la place de la 'Grande image variable'
 
Est ce que c'est possible ? :)
 
En espérant que vous puissiez me donner un coup de main. :/
 
Merci d'avance !
 
Merci !


Message édité par Raito33 le 17-07-2009 à 13:48:08
Reply

Marsh Posté le 12-07-2009 à 20:43:45   

Reply

Marsh Posté le 14-07-2009 à 17:30:03    

Hello,
 
Si ce n'est pas pour faire de la mise en page,je te conseille d'utiliser un vrai tableau <table>
Le css dans un cas pareil serait difficile à gérer.
 
Ne donne pas de dimensions à la cellule de la photo pour qu'elle s'adapte à la photo.
 
Tu as énoncé deux conditions. Que veux-tu faire si ces conditions ne sont pas remplies ?


Message édité par Pascal le nain le 14-07-2009 à 17:30:29
Reply

Marsh Posté le 14-07-2009 à 20:15:25    

C'est pour faire de la mise en page en fait. ;)
 
Mais entre temps, j'ai cherché une autre solution et j'ai donc ça :
 
<IMG SRC="img/photo.jpg" style="float:left;"> pour que le texte passe à droite de l'image, seulement, comment faire pour qu'il y ait une marge de 1cm par exemple au lieu qu'il soit collé à la photo ?
 
Merci. :)

Reply

Marsh Posté le 14-07-2009 à 21:32:59    


 [:bighead] Comme ça ?
 

Code :
  1. <img src="img/photo.jpg" style="float:left; margin:0 1cm 1cm 0;">

Reply

Marsh Posté le 14-07-2009 à 22:50:27    

Cool, ça marche nickel, merci beaucoup ! :)

Reply

Sujets relatifs:

Leave a Replay

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