Comment placer ses images ou on veut

Comment placer ses images ou on veut - HTML/CSS - Programmation

Marsh Posté le 11-03-2003 à 13:58:07    

hello a tous !
 
jai 2 problemes :  
 
comment superposer une image sur une autre ( genre une petite image placée dans le coin droit d'une grande image )???  
 
comment empecher qu'une image "par defaut" ne se cale pas la ou je voudrais la mettre !
 
Merci d'avance, je suis bloqué avec le code! merci a tous. :hello:

Reply

Marsh Posté le 11-03-2003 à 13:58:07   

Reply

Marsh Posté le 11-03-2003 à 14:02:10    

css avec les propriétés position absolute et relative

Reply

Marsh Posté le 11-03-2003 à 14:04:52    

Merci , mais peut tu etre plus clair, jai vu qu'il y avait une histoire de postion absolute, pour quelle image et ou ? merci bcp

Reply

Marsh Posté le 11-03-2003 à 14:07:14    

par exemple je mettais une image dans un tableau. en mettant l'attribut position relative sur le tableau, je pouvais placer une autre image d'après ce point en position relative

Reply

Marsh Posté le 11-03-2003 à 14:07:32    

Voir la FAQ pour les histoires de postionnement absolu/relatif.
 
 
Et si tu n'en dis pas plus en ce qui concerne ton site, on va pas pouvoir plus t'aider !


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-03-2003 à 14:08:18    

Urd-sama a écrit :

par exemple je mettais une image dans un tableau. en mettant l'attribut position relative sur le tableau, je pouvais placer une autre image d'après ce point en position relative


Si c'est pour superposer des images, pas besoin de tableau.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-03-2003 à 14:08:46    

super merci ! en code ca donne koi ?
un truc style : <position="absolute"> ??? pour relative ?

Reply

Marsh Posté le 11-03-2003 à 14:10:53    

comment tu superposes 2 images sans tablo ? :)

Reply

Marsh Posté le 11-03-2003 à 14:10:58    

gm_superstar a écrit :


Si c'est pour superposer des images, pas besoin de tableau.


faudra que je modifie mon code alors merci pour la précision

Reply

Marsh Posté le 11-03-2003 à 14:12:06    

benou_z a écrit :

super merci ! en code ca donne koi ?
un truc style : <position="absolute"> ??? pour relative ?


Lis la FAQ...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-03-2003 à 14:12:06   

Reply

Marsh Posté le 11-03-2003 à 14:14:17    

benou_z a écrit :

comment tu superposes 2 images sans tablo ? :)


Tu écris tout simplement tes tags <img> et chacun devra se référer à des propriétés CSS :
 
<img id="img1" src="..." alt="..." />
<img id="img2" src="..." alt="..." />
 
 
img#img1 {
  position: absolute;
  top: xxx;
  left: XXX;
}
 
img#img2 {
  position: absolute;
  top: yyy;
  left: YYY;
}


Message édité par gm_superstar le 11-03-2003 à 14:14:30

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-03-2003 à 14:23:01    

merci bcp pour ton aide, mais chuis debutant, et je ne sais pas faire de css.merci qd meme

Reply

Marsh Posté le 11-03-2003 à 14:31:54    

merci !
 
c cho qd meme !

Reply

Marsh Posté le 12-03-2003 à 23:14:25    

benou_z a écrit :

merci bcp pour ton aide, mais chuis debutant, et je ne sais pas faire de css.merci qd meme


 
Hey, les gourous du HAcheTeuMeuLeu / Céhèssesse !  :hello:  
 
N'oubliez jamais que vous avez été vous aussi un jour débutant !
 
Balancer laconiquement à un newbie "Lis la FAQ" ne l'aide pas
forcément à faire avancer le schmilblick....
Sans pédagogie la connaissance n'est rien :D
 
 :jap:  

Reply

Marsh Posté le 12-03-2003 à 23:23:29    

La pédagogie, elle est dans la FAQ ;)
 
Pour savoir où placer des styles CSS il n'y a pas 36000 manières de faire et je ne vais pas répéter à chaque fois la procédure. Surtout si c'est pour ne rien dire de plus que ce qui est dit dans la FAQ.
 
Qu'il commence par lire. S'il y a quelque chose qu'il ne comprend pas il reviendra avec ses questions et à ce moment là on discutera.


Message édité par gm_superstar le 12-03-2003 à 23:30:29

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-03-2003 à 23:27:18    

gm_superstar a écrit :

La pédagogie, elle est dans la FAQ ;)
 
Pour savoir où placer des styles CSS il n'y a pas 36000 manières de faire et je ne vais pas répéter à chaque fois la procédure. Surtout si pour ne rien dire de plus que ce qui est dit dans la FAQ.
 
Qu'il commence par lire. S'il y a quelque chose qu'il ne comprend pas il reviendra avec ses questions et à ce moment là on discutera.


 
 :jap:

Reply

Marsh Posté le 25-11-2004 à 12:39:58    

désolé de remonter ce topic, mais je trouvais dommage d'en créer un autre :
 
d'abord, j'ai bien lu la partie positionnement de la FAQ : http://forum.hardware.fr/forum2.ph [...] =2#t234624
 
mais il reste un truc que je ne comprends pas. d'après ce document, le positionnement absolu d'un objet, s'il n'est pas dans un conteneur positionné, se retrouve positionné par rapport au "document", le prob c'est que chez moi, il se retrouve placé par rapport à la fenêtre, un peu comme un float sauf qu'en scrollant, il reste collé à l'endroit où il est...
qu'est-ce que j'ai pas compris ?
 
(exemple ici : http://www.jeffbuckley-fr.net/foru [...] php?t=1490
 
c'est l'annonce google que je veux placer correctement)


---------------
(un posteur anonyme m'a renseigné là dessus tout à l'heure)
Reply

Marsh Posté le 25-11-2004 à 13:01:34    

fendnts a écrit :

le prob c'est que chez moi, il se retrouve placé par rapport à la fenêtre, un peu comme un float sauf qu'en scrollant, il reste collé à l'endroit où il est...
qu'est-ce que j'ai pas compris ?


position: absolute place l'élément par rapport au document, c'est à dire à la page web
 
donc ca donne une position fixe par rapport à la page, pas par rapport à l'affichage/écran [:spamafote]  
 
et je vois pas de pubs google sur ta page [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 25-11-2004 à 13:04:51    

Masklinn a écrit :

position: absolute place l'élément par rapport au document, c'est à dire à la page web
 
donc ca donne une position fixe par rapport à la page, pas par rapport à l'affichage/écran [:spamafote]  
 
et je vois pas de pubs google sur ta page [:spamafote]


 
normalement en bas à droite
 


---------------
(un posteur anonyme m'a renseigné là dessus tout à l'heure)
Reply

Marsh Posté le 25-11-2004 à 13:10:40    

Firefox ne voit rien (mais c'est normal je l'ai bloqué), MSIE ne voit rien, Opera voit l'ad fixé dans le coin en bas à droite de la page, positionné en absolute, parfaitement à sa place
 
en l'affichant avec Firefox ca merde, il le fixe en absolute mais sa position initiale est définie par rapport au navigateur et non à la page [:gratgrat]  
 
t'as vérifié si ton CSS est valide? (genre les propriétés bottom et right, je suis pas sur qu'elles existent)


Message édité par masklinn le 25-11-2004 à 13:12:42

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 25-11-2004 à 13:24:26    

Masklinn a écrit :

Firefox ne voit rien (mais c'est normal je l'ai bloqué), MSIE ne voit rien, Opera voit l'ad fixé dans le coin en bas à droite de la page, positionné en absolute, parfaitement à sa place
 
en l'affichant avec Firefox ca merde, il le fixe en absolute mais sa position initiale est définie par rapport au navigateur et non à la page [:gratgrat]  
 
t'as vérifié si ton CSS est valide? (genre les propriétés bottom et right, je suis pas sur qu'elles existent)


 
bah dans la faq d'ici, ils y sont :o
 
(moi j'ai le même comportement dans FF et IE et j'ai rien d'autre)


---------------
(un posteur anonyme m'a renseigné là dessus tout à l'heure)
Reply

Marsh Posté le 26-11-2004 à 02:39:44    

je me permets de faire un up


---------------
(un posteur anonyme m'a renseigné là dessus tout à l'heure)
Reply

Marsh Posté le 26-11-2004 à 02:53:33    

bon ben dans Firefox le position:absolute en utilisant bottom sur un élément du corps place apparement l'élément en bas de l'écran et pas de la page.
 
je sais pas si c'est un bug, mais je dirais que oui (normalement position:absolute est censé positionner l'élément par rapport au parent, et ici le parent est le body donc toute la page)
 
 
edit: en fait j'ai trouvé un truc, je sais pas si ca donne un comportement normal mais sous IE ca marche:
potitionne ton body (en absolute ou relative, autre chose que static quoi, pas besoin d'offsets) et ca va marcher.
 
je comprend pas trop pourquoi par contre
 
re-edit: c'est bien un bug de Mozilla/Firefox (et d'IE, puisque celui ci a le même comportement), le 105286, test case ici
 
Bug de position: absolute avec un offset sur bottom


Message édité par masklinn le 26-11-2004 à 03:05:09

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 26-11-2004 à 03:28:27    

Masklinn a écrit :

bon ben dans Firefox le position:absolute en utilisant bottom sur un élément du corps place apparement l'élément en bas de l'écran et pas de la page.
 
je sais pas si c'est un bug, mais je dirais que oui (normalement position:absolute est censé positionner l'élément par rapport au parent, et ici le parent est le body donc toute la page)
 
 
edit: en fait j'ai trouvé un truc, je sais pas si ca donne un comportement normal mais sous IE ca marche:
potitionne ton body (en absolute ou relative, autre chose que static quoi, pas besoin d'offsets) et ca va marcher.
 
je comprend pas trop pourquoi par contre
 
re-edit: c'est bien un bug de Mozilla/Firefox (et d'IE, puisque celui ci a le même comportement), le 105286, test case ici
 
Bug de position: absolute avec un offset sur bottom


 
sphynx a lot :)
 
(nickel, ça marche aussi sous FF :))


Message édité par Fendnts le 26-11-2004 à 03:31:22

---------------
(un posteur anonyme m'a renseigné là dessus tout à l'heure)
Reply

Marsh Posté le 26-11-2004 à 03:56:52    

décidément : ça marche, oui, mais s'il y a dans la page un image avec une taille non renseignée (classique des forums), l'autre image, ou autre qu'on place par bottom se retrouve placé au bottom de la page avant le chargement de l'image, et ne se recale pas en bas quand l'image est chargée, d'où un placement parfois erratique
 
seul opera place correctement dans tous les cas, en ce qui concerne FF et IE, même combat :/


---------------
(un posteur anonyme m'a renseigné là dessus tout à l'heure)
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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