Coller des images, vspace="0" n'est pas suffisant - HTML/CSS - Programmation
Marsh Posté le 20-07-2005 à 15:42:08
vspace n'existe pas, il est deprecated. Pour les histoires d'espace et de machin, c'est tout en CSS
Marsh Posté le 20-07-2005 à 15:54:04
cela ne marche pas non plus :
img { |
mes images vont etre cliquable et lorsque l'on rajoute la balise <a> cela rajoute encore plus d'espace entre.
Je sens que je vais etre obligé de passer avec des puces ou des div
Marsh Posté le 20-07-2005 à 15:57:10
Code :
|
Au pire les liens contenant une image tu les mets dans la meme classe, pour laquelle tu mets une marge et un padding de 0 ...
Marsh Posté le 20-07-2005 à 16:02:59
Le mieux c'est encore de travailler sur un document auquel tu as pris soin de supprimer les marges et paddings predefinis sur tous les elements. De cette facon tu travailles avec un modele de marges et de paddings nuls quelque soit le navigateur.
* {
margin: 0;
padding: 0;
}
Marsh Posté le 20-07-2005 à 16:12:07
FlorentG a écrit : display: inline, ou block, un des deux |
arf, inline ne fonctionne pas. avec block ca fonctionne mais ce n'est pas sur la meme ligne. Les images avec block sont aligné verticallement.
img { |
afbilou, ce n'est pas tres utile car je precise que pour les balises img que je ne veux pas de marge
Marsh Posté le 20-07-2005 à 16:15:10
weed a écrit :
|
Ben c'est à dire que margin:0; ca ne mets pas de marges
Marsh Posté le 20-07-2005 à 16:17:07
ok, en fait, c'est display: block. Rajoute un float-left, et le tour est joué.
Marsh Posté le 20-07-2005 à 16:21:34
Ah en fait ca doit etre tout bete : tu dois ecrire tes images dans le code html a la ligne les unes en dessous des autres :
Code :
|
et toute serie de blanc et de retour a la ligne est convertis en un espace en xhtml/html.
Marsh Posté le 20-07-2005 à 16:29:17
Vivement http://www.w3.org/TR/2005/WD-css3- [...] e-collapse
Sinon pour l'instant la solution c de faire ce ke t'as dit FlorentG ou bien de mettre tes img collés comme ceci :
Code :
|
Marsh Posté le 20-07-2005 à 16:30:25
(avec des g c'est mieux )
Marsh Posté le 20-07-2005 à 16:31:27
non t fou ... reviens en 2028 ... img est depreciée depuis belle lurette maintenant !
Marsh Posté le 20-07-2005 à 16:31:57
Toujours mettre un g. D'ailleurs le pseudo "Florent" était déjà pris, d'où le G (bon, première lettre de mon nom, effectivement )
Marsh Posté le 20-07-2005 à 16:32:58
PlainsofpainG c'était pas pris, mais c'était long, alors j'ai pris plainsofpain ...
Marsh Posté le 20-07-2005 à 16:38:05
Tu te faches ?
Edit : weed qui a supprimé un message ...
Marsh Posté le 20-07-2005 à 16:39:45
Arf flute je l'ai loupé
Marsh Posté le 20-07-2005 à 16:49:10
FlorentG a écrit : ok, en fait, c'est display: block. Rajoute un float-left, et le tour est joué. |
ou, incroyable mais vrai, ca marche. Cela confirme que tu fais partis de l'élite (cf http://forum.hardware.fr/hardwaref [...] 4099-3.htm )
Quand je t'ai vu trainé sur mon topic, j'etais a peu pres sur que tu allait me trouvé la reponse ....
non non mes chevilles ne gonflent pas
afbilou a écrit : Tu te faches ? |
vous etes tellement recatif que je n'avais pas ton autre poste, c'est à dire mettre sur la meme ligne les <a href=""><img src></a>.
J'ai essayé mais cela ne fonctionne pas.
Je prefere la solution de Florent qui est bien plus éleguante....
Tu t'adressé à moi : "Tu te faces"
Marsh Posté le 20-07-2005 à 16:49:55
ReplyMarsh Posté le 20-07-2005 à 17:03:22
ben désolé mais j'essaie de fournir un pseudo travail pour mon stage à coté
Marsh Posté le 20-07-2005 à 17:04:19
Tu n'as pas compris l'histoire des espaces.
C'est <a><img></a><a><img></a><a><img></a><a><img></a> qu'il faut ecrire pour que ca fonctionne. Cela dit c'est juste pour ta culture personnelle et que tu comprennes ce qu'il t'arrivait.
Marsh Posté le 20-07-2005 à 17:29:22
justement j'essayé de le faire pour quelques images mais cela n'a pas fonctionné, j'ai pas trop insisté car je suis plutot du genre à bien aéré mon code bcp plus que d'autre....
sinon pour info, il est en fait pas necessaire de mettre block car c'est pas défaut.
On m'a dit que le fait de mettre float : left peut etre une contraite pour la suite de ma page.....
Enfin bon j'ai du mal à maitriser le float, c'est pas tres precis leur article : http://fr.selfhtml.org/css/proprie [...] .htm#float
Ce n'est pas un simple allignement vers la gauche... Enfin bon
Marsh Posté le 20-07-2005 à 18:47:28
Me suis amusé a faire un javascript qui resout le probleme
Bon evidemment c du javascript ... donc c pas pour tout le monde ^^;
Code :
|
Marsh Posté le 20-07-2005 à 18:50:07
Le script supprime les espace inutiles introduit par les retours a la ligne et compagnie dans le conteneur ayant l'id "galerie"
Ce conteneur pouvant etre une liste dans le cas d'une galerie d'images par exemple ... un div dans mon exemple car la sémantique n'avait pas d'importance.
Bref le script ne sert a rien ... c'est purement didactique
Marsh Posté le 20-07-2005 à 21:11:30
FlorentG a écrit : ok, en fait, c'est display: block. Rajoute un float-left, et le tour est joué. |
Au moment de lire que FlorentG "a vu la solution l'autre jour", j'avais trouvé la solution ci-dessus, et je me suis dit "bah merde pourquoi il trouve pas le FlorentG, quelle subtilité je maitrise pas ?"
Et en fait j'étais plus rapide que FlorentG
FlorentG mon mentor, l'élève veut égaler le maître
(d'ailleurs FlorentG c'est le frère de TKG )
Marsh Posté le 21-07-2005 à 02:15:17
malheuresement y a encore des personnes en 800*600 et lorsque je affiche avec cette résolution, ma série de 5 photo s'affiche non plus sur une ligne mais sur 2.
Comment puis je forcer que ca soit sur une seule ligne et pouvoir scroller à l'horyzontal.
Marsh Posté le 21-07-2005 à 10:29:21
Laisse les deux lignes. Le scroll horizontal est un peu relou
Marsh Posté le 21-07-2005 à 10:29:57
skyh_ead a écrit : Et en fait j'étais plus rapide que FlorentG |
blablablafatiguéblablablalendemain de fêteblablablacouché tardblablablacerveau pas branchéblablabla
Marsh Posté le 20-07-2005 à 15:39:26
voilou que me conseiller vous pour coller des images à part en utilisant des div qui s'entrecouperais legerement
je veux mettre plusieurs images cote à cote horizontallement et je voudrais aucun espace entre chaque image