La meilleur méthode pour placer des images?

La meilleur méthode pour placer des images? - HTML/CSS - Programmation

Marsh Posté le 16-09-2005 à 11:23:40    

Voila j'ai un div dans lequel j'ai du texte et des images (accompagnées de légende)
Je voulais savoir qu'elle est la meilleur méthode pour placer les images (gauche milieu droite) et sa légende.
 
Perso je fais un tableau (class image) mais je choisi directement dans le HTML sa position :

Code :
  1. <table class="image" align=right/left>
  2. <tr><td>
  3. <img "blabla" />
  4. </tr></td>
  5. <tr><td>
  6. Légende de l'image
  7. </tr></td>
  8. </table>


 
Voila

Reply

Marsh Posté le 16-09-2005 à 11:23:40   

Reply

Marsh Posté le 16-09-2005 à 11:32:06    

Screenshot d'une maquette peut-etre ?
(A priori combinaison de dl dt dd)

Reply

Marsh Posté le 16-09-2005 à 11:38:56    

Oui car tableau, c'est pas bien...

Reply

Marsh Posté le 16-09-2005 à 11:43:55    

Bien oui je sais  
mais de maniere générale vous faites comment?

Reply

Marsh Posté le 16-09-2005 à 11:45:44    

ben regarde sur des sites qui sont propre niveau code
 
http://perso.wanadoo.fr/art.book/book.html

Reply

Marsh Posté le 16-09-2005 à 11:45:55    

http://damien.khoury.free.fr/beta/
 
Voici le site en question


Message édité par Profil supprimé le 16-09-2005 à 11:47:10
Reply

Marsh Posté le 16-09-2005 à 11:51:56    

xtof_83 a écrit :

ben regarde sur des sites qui sont propre niveau code
 
http://perso.wanadoo.fr/art.book/book.html


 
je vois rien d'extraordinaire il enchaine juste les images

Reply

Marsh Posté le 16-09-2005 à 11:54:04    


Ca c'est la méthode 1995 [:dawa] Déjà, vire tout ce qui est présentation, à savoir les machin genre align="left" n'existent plus. Fini. On fait tout ça en CSS. Ensuite comme a dit l'autre, le truc en ce moment est d'utiliser une dl

Reply

Marsh Posté le 16-09-2005 à 11:55:16    

Effectivement il t'a donné un mauvais exemple :
 
http://www.csszengarden.com/


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 16-09-2005 à 11:58:57    

FlorentG a écrit :

Ca c'est la méthode 1995 [:dawa] Déjà, vire tout ce qui est présentation, à savoir les machin genre align="left" n'existent plus. Fini. On fait tout ça en CSS. Ensuite comme a dit l'autre, le truc en ce moment est d'utiliser une dl


 
Héhé ouais je sais d'ailleurs w3c aime pas du tout les align dans le html :)
Je vais me renseigner sur dl
merci

Reply

Marsh Posté le 16-09-2005 à 11:58:57   

Reply

Marsh Posté le 16-09-2005 à 12:00:34    

Ouais enfin c'est vrai l'exemple puait un peu...mais oh moins pas de tableau....;)
 
EDIT: http://validator.w3.org/check?uri= [...] %2Fbeta%2F
 
euh tu as vu ou que c'étais valide  :heink:  :lol:

Message cité 1 fois
Message édité par xtof_83 le 16-09-2005 à 12:04:11
Reply

Marsh Posté le 16-09-2005 à 12:10:10    

xtof_83 a écrit :

Ouais enfin c'est vrai l'exemple puait un peu...mais oh moins pas de tableau....;)
 
EDIT: http://validator.w3.org/check?uri= [...] %2Fbeta%2F
 
euh tu as vu ou que c'étais valide  :heink:  :lol:


 
 
Rah mais ce mec c'est vraiment le roi des ****... :pfff:  
De 1 : ton exemple est complétement HORS SUJET. Donc merci tu sors.
De 2 : Comme dit plus haut si j'enleve ces tableaux ma page est valide.
De 3  : http://forum.hardware.fr/forum2.ph [...] =0&print=0
 
STP abstient toi de me parler dorénavant

Reply

Marsh Posté le 16-09-2005 à 12:25:56    

laisse le c'est un petit débutant là pour apprendre qui a bocou de mal avec les gens

Reply

Marsh Posté le 16-09-2005 à 12:28:29    


 
:mdr: t'es un rigolo toi, je t'aide, dacord, l'exemple, que je t'ai donné étais maybe pas top, ou peut être que tu ne l'as pas compris...
 
C'étais pas les images mise en ligne que je voulais que tu vois, mais limage à gauche...
 
enfin bon j'aurais pu directement te donner zengarden ou autre, mais j'avais celui ci sous la main..enfin bon
 
C'est toi qui vois Monsieur...
La prochaine fois évite des questions conne, comme ça sa tévitera que je te réponde.... :D  
 
A bientot :hello:  

Reply

Marsh Posté le 16-09-2005 à 12:33:43    

L'image a gauche... oui ok je confirme
Tu sers a rien

Reply

Marsh Posté le 16-09-2005 à 12:37:31    

C'est ça...et toi tu sais pas placer une image et une légende sans utilisé de tableau...
 
ohohoh(rire allemand) ben pauvre de toi....:D

Reply

Marsh Posté le 16-09-2005 à 13:50:10    

<dl>
 <dt>Mes vacances a mikonos</dt>
 <dd><img src="la_plage.jpg" alt="la plage de mikonos" /></dd>
 
 <dt>Les mâles de mikonos</dt>
 <dd><img src="raymond_string.jpg" alt="Raymond en string" /></dd>
</dl>
 
Et un peu de CSS pour positionner tes images et tes legendes comme tu le souhaites :)
 
xtof > maintenant il sait :D
 
xtof PS > [HS]Moi aussi je faisais du VTT a Janas xD[/HS]

Message cité 1 fois
Message édité par afbilou le 16-09-2005 à 13:52:48
Reply

Marsh Posté le 16-09-2005 à 13:52:24    

afbilou a écrit :

<dl>
 <dt>Mes vacances a mikonos</dt>
 <dd><img src="la_plage.jpg" alt="la plage de mikonos" /></dd>
 
 <dt>Les mâles de mikonos</dt>
 <dd><img src="taymond_string.jpg" alt="Raymond en string" /></dd>
</dl>
 
Et un peu de CSS pour positionner tes images et tes legendes comme tu le souhaites :)
 
xtof > maintenant il sait :D


 
Oh non, maintenant faut que j'accepte les critiques de sa part... :lol:  ;)  ;)

Reply

Marsh Posté le 16-09-2005 à 15:03:37    

chelou dl{display:inline;} ne fonctionne pas

Reply

Marsh Posté le 16-09-2005 à 15:22:41    

c'est normal puisque les dt dd sont dans le block dl
 
sinon lis ça et tu verras plus clair :  
 
http://pompage.net/pompe/listesdefinitions/

Reply

Marsh Posté le 16-09-2005 à 16:02:46    

ok et bien je ne vois pas de moyen simple pour aligner 2 images et leur légende en dessous.


Message édité par Profil supprimé le 16-09-2005 à 16:03:02
Reply

Marsh Posté le 16-09-2005 à 16:13:00    

Ben je sais pas regarde l'exemple vers le bas de la page, avec les fleurs...
 
Tu fais pareil, sauf que tu retires les cadres, sa fera comme si tu avais les 2 images aligné...non?

Reply

Marsh Posté le 16-09-2005 à 16:20:58    

Merde j'avais meme pas vu
Vivement le week end :sleep:  
 
merci

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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