Comment centrer une image dans une popup??

Comment centrer une image dans une popup?? - HTML/CSS - Programmation

Marsh Posté le 26-09-2002 à 00:02:31    

Tout est dans le titre d'avance marci...
 
genre :

Code :
  1. <a href="#" onClick="window.open('img/img1.jpg', 'newWin', 'scrollbars=no,status=no,width=640,height=480')">
  2. <img src="img/img1s.jpg" width="90" alt="" border="0">
  3. </a>


ba merci d'avance!!


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 00:02:31   

Reply

Marsh Posté le 26-09-2002 à 00:08:50    

Tu mets tout ça dans un <div> et tu lui applique ce style :
 
div {
  text-align: center;
}
 
Ou alors directement sur le <body>

Reply

Marsh Posté le 26-09-2002 à 00:14:15    

non mais en fait c pour une image... enfin j'ai bien trouver kk chose mais il doit y avoir plus simple...

Code :
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. <!--
  5. function popupcentree(page,largeur,hauteur,options)
  6. {
  7. var top=(screen.height-hauteur)/2;
  8. var left=(screen.width-largeur)/2;
  9. window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
  10. }
  11. //--><script language="javascript">
  12. </script>
  13. </head>
  14. <body>
  15. <a href='javascript:popupcentree("popup.html",250,300,"menubar=no,scrollbars=no,statusbar=no" )'>Popup</a>
  16. </body>
  17. </html>


 
Attention ce script sert uniquement a centrer une popup!!


Message édité par dj_blero le 26-09-2002 à 09:42:53

---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 00:21:18    

Ah tu voulais centrer le popup, pas centrer l'image dans le popup. Faut être clair, hein.

Reply

Marsh Posté le 26-09-2002 à 00:29:52    

gm_superstar a écrit a écrit :

Ah tu voulais centrer le popup, pas centrer l'image dans le popup. Faut être clair, hein.




 :??: le titre est tres clair... je crois que c toi qui est po clair  :lol:  
 
Comment centrer une image dans une popup... je n'ai po fait de modif de titre mais c ce que g ecrit des le debut enfin spo grove...


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 01:10:53    

Titre : Comment centrer une image dans une popup??
 
Qu'est-ce qu'une popup ? Une fenêtre du navigateur.
 
Qu'est qu'une image dans une popup ? Une image dans la page HTML qui est dans la popup.
 
Que signifie donc "centrer une image dans une popup" ? Centrer l'image qui est dans la page HTML de la popup.
 
De plus on a le code suivant qui comporte une image :

<a href="#" onClick="window.open('img/img1.jpg', 'newWin', 'scrollbars=no,status=no,width=640,height=480')">
<img src="img/img1s.jpg" width="90" alt="" border="0">
</a>


 
Cela me confirme dans l'idée que le sujet du topic est bien de vouloir centrer une image dans une page HTML (et que donc le fait que ce soit dans une popup n'a aucune importance).
 
 
Ensuite tu proposes une solution où il n'est plus question d'image, mais où on a un script qui affiche une popup au centre de l'écran.
 
J'en conclue donc que la vraie question du topic était : "Comment centrer une popup au milieu de l'écran" (et que vient faire l'image l'histoire ??)
 
Donc oui le titre est clair, mais tu ne réponds pas à ta propre question.

Reply

Marsh Posté le 26-09-2002 à 09:41:26    

:D  
waha tout ca pour dire...
ben c un script que j'ai trouver sur allhtml.com et donc effectivement le titre est:
Une popup centree donc j'oublie le script d'en haut :sweat:  


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 09:52:53    

Le script
 
function pop(page,largeur,hauteur,options)
{
var top=(screen.height-hauteur)/2;
var left=(screen.width-largeur)/2;
window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}
 
L'appel
<a href='javascript : pop("../xxx.htm",20[largeur],20[hauteur],"menubar=no,scrollbars=no,statusbar=no" )'>eh voilà un beau popup centré</a>  
 
Tu peux enlever ce qui est entre [], tant qu'à faire :D  
 
Après plus qu'à insérer ton image dans xxx.htm, mais ça je pense que tu l'avais deviné, hein.


Message édité par deliriumtremens le 26-09-2002 à 09:53:51
Reply

Marsh Posté le 26-09-2002 à 10:28:50    

Non non mais je ne veut pas centree une popup mais une image dans une popup... pffffff c'est ma faute je suis desole!!


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 10:53:42    

Si dans ta pop up il y a juste une image, tu peux aussi proceder comme ca:
tu ouvres une pop up de la taille de ton image, et dans le code HTML de la page, tu mets un truc qui ressemble a ca:
 
<HTML>
<HEAD>
 <TITLE>titre</TITLE>
</HEAD>
<BODY bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <IMG SRC="url" WIDTH="x" HEIGHT = "y">
</BODY>
</HTML>
Comme ca ton image est centrée
 
 

Reply

Marsh Posté le 26-09-2002 à 10:53:42   

Reply

Marsh Posté le 26-09-2002 à 11:11:33    

snev42 a écrit a écrit :

Si dans ta pop up il y a juste une image, tu peux aussi proceder comme ca:
tu ouvres une pop up de la taille de ton image, et dans le code HTML de la page, tu mets un truc qui ressemble a ca:
 
<HTML>
<HEAD>
 <TITLE>titre</TITLE>
</HEAD>
<BODY bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 <IMG SRC="url" WIDTH="x" HEIGHT = "y">
</BODY>
</HTML>
Comme ca ton image est centrée
 
 
 




Non c'est faux cela ne marche pas... l'image sera effectivement bien centree mais sur a page qui contient le <body> mais merci quand meme!!Et tu ne peu po editer une popup...


Message édité par dj_blero le 26-09-2002 à 11:12:40

---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 11:14:37    

[:rofl][:rofl][:rofl]

Reply

Marsh Posté le 26-09-2002 à 11:33:27    

c'est po bien de ce moquer des gens... :non:  
spo bieng il essayer de m'aider... meme si il ne sait pas ce qu'est une popup!!


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 11:37:01    

dj_blero a écrit a écrit :

c'est po bien de ce moquer des gens... :non:  
spo bieng il essayer de m'aider... meme si il ne sait pas ce qu'est une popup!!



:lol: :lol: :lol:
 
[:rofl][:rofl2][:rofl]
[:rofl2][:rofl][:rofl2]


Message édité par gm_superstar le 26-09-2002 à 11:37:25
Reply

Marsh Posté le 26-09-2002 à 11:44:18    

gm_superstar a écrit a écrit :

 
:lol: :lol: :lol:
 
[:rofl][:rofl2][:rofl]
[:rofl2][:rofl][:rofl2]




 
http://www.smilies.org/basesmilies/posts_inutiles.png


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 11:50:59    

dj_blero a écrit a écrit :

 
Non c'est faux cela ne marche pas... l'image sera effectivement bien centree mais sur a page qui contient le <body> mais merci quand meme!!Et tu ne peu po editer une popup...




Ah oui ça c'est ennuyeux... :sweat:  
 
C'est aussi nouveau, d'ailleurs !
 
Félicitation pour ce concept original

Reply

Marsh Posté le 26-09-2002 à 11:55:02    

deliriumtremens a écrit a écrit :

 
Ah oui ça c'est ennuyeux... :sweat:  
 
C'est aussi nouveau, d'ailleurs !
 
Félicitation pour ce concept original




C koi le soucis.... :kaola: hein a ma connaissance qaund tu invoque une popup c pas une page html...
Allez tous les mm sur cer forum il faut tjrs que ca parte en c* enfin sucette...
Je suis po la pour me faire detruire la tete sinon je vais sur  
SM.com je veut juste kkun qui m'aide sans critique fonder... ou koiç que ce soit je vais po me faire de spotes mais spo grove.... :sol:  
tu peu precisez ce que tu veut dire stp...


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Marsh Posté le 26-09-2002 à 12:25:44    

dj_blero a écrit a écrit :

 
C koi le soucis.... :kaola: hein a ma connaissance qaund tu invoque une popup c pas une page html...
Allez tous les mm sur cer forum il faut tjrs que ca parte en c* enfin sucette...
Je suis po la pour me faire detruire la tete sinon je vais sur  
SM.com je veut juste kkun qui m'aide sans critique fonder... ou koiç que ce soit je vais po me faire de spotes mais spo grove.... :sol:  
tu peu precisez ce que tu veut dire stp...




 
Bon alors soyons gentil... (Mais fais au moins semblant d'écouter quand on te donne une réponse).
 
Une popup est évidemment une page html comme une autre, dans sa construction.
 
Regarde bêtement la source d'une popup pour voir si je te mens ! ;)
 
Donc tu crées ta page html avec ton image centrée grâce aux conseils donnés ci-dessus par d'autres, et tu l'appelles avec une fonction qui font que cette page ressemble à une popup (avec la fonction que je t'ai donnée, ta popu sera centrée sur la page, maintenant si tu n'as pas besoin que la popup soit centrée tu utilises une autre fonction).
 

Reply

Marsh Posté le 26-09-2002 à 15:17:26    

Citation :

c'est po bien de ce moquer des gens... :non:  
spo bieng il essayer de m'aider... meme si il ne sait pas ce qu'est une popup!!


 :lol:  :lol: :lol:
Ca m'a bien fait rire. Menfin bon ...


---------------
"Ce qui ne nous tue pas nous rend plus fort"
Reply

Marsh Posté le 26-09-2002 à 17:36:09    

ben toute mes excuz alors :sweat:  mais a premiere vu ca ne resemble pas a une popup ce que tu m'a filer... mais bon ya aussi cet maniere que je connaissais... je souhaitais savoir si il exister un attributs comme scrollbars=no qui existait mais pour centrer les images aparement non ... j'ai du chercher une heure sur plein de site et de tuto ... rien!!
 
Donc  :pt1cable: juste un truc ca existe et si oui koi??


---------------
--->Progress quest powaaaaaaaaa!! Low Elf Voodoo princess lvl 67 classe 2482/72544...<---    www.progressquest.com
Reply

Sujets relatifs:

Leave a Replay

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