Se connecter / S'enregistrer
Votre question

Comment centrer une image htlm

Tags :
  • Cellspacing
  • Programmation
Dernière réponse : dans Programmation
19 Mars 2011 15:51:18

bonjour, sur mon site j'ai une petite fenetre pour l'inscription de mes membres, je n'arrive pas a la centré, je vous donne le code complet, merci de votre aide !


  1. <table border="0" width="220" cellspacing="0" cellpadding="0"><tr><td width="100%">
  2. <script LANGUAGE="javascript">function controleformulairemdp(cur){
  3. if (cur.login.value==''){alert('Il vous faut indiquer votre nom d\'utilisateur !');cur.action.value='Entrer';cur.login.focus();cur.login.select();return false;}
  4. if (cur.password.value==''){alert('Il vous faut indiquer votre mot de passe !');cur.action.value='Entrer';cur.password.focus();cur.password.select();return false;}
  5. }</script>
  6. <table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#800080"><tr>
  7. <form method="POST" action="http://www.swisstools.net/motdepasse.asp" onsubmit="return controleformulairemdp(this)"><input type="hidden" name="id" value="23516">
  8. <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="2"><tr><td width="100%" colspan="2" bgcolor="#800080"><p align="center"><b><font face="Verdana" size="2" color="#FFB7FF">Zone sécurisée</font></b></td></tr>
  9. <tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Nom d'utilisateur</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="text" name="login" size="10"> </font></p></td></tr>
  10. <tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Mot de passe</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="password" name="password" size="10"> </font></p></td></tr>
  11. <tr><td width="100%" colspan="2" bgcolor="#FFB7FF"><p align="center"><input type="submit" value="Entrer" name="action" onclick="this.value='Patientez...'"></td></tr>
  12. <tr><td width="100%" colspan="2" bgcolor="#800080"><p align=center><font size="2" face="Verdana" color="#FFB7FF">
  13.  
  14. [ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/inscription.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok','gerer','scrollbars=1, resizable=1, width=500,
  15. height=500');return(false)">Inscrivez-vous</a> ]<br>
  16. http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91eda39-text.gif?1300540855
  17.  
  18. [ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/gerer.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok','gerer','scrollbars=1, resizable=1, width=500, height=500');return(false)">Gérer votre compte</a> ]<br>
  19.  
  20. [ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/perdu.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok','motdepasse_perdu','scrollbars=1, resizable=1, width=500, height=210');return(false)">Oublié ?</a> ]
  21.  
  22. [ <a style="color:#FFB7FF" href="http://www.swisstools.net/fr/membre/motdepasse/acces_moderateur.asp?id=23516&pro=ok" target=_blank>modérateur</a> ]
  23. </font></td>
  24. </tr></table></td></form></tr></table></td></tr></table>

Autres pages sur : centrer image htlm

19 Mars 2011 16:01:08

Salut,

Il existe plusieurs solutions :

Soit tu mets les balises <center> ton image </center>
- C'est le plus facile, mais ce n'est pas très recommandé si ton site comporte beaucoup de chose

Soit tu mets <p align="center"><ton texte></p>
- Pour une image, c'est : <p style="text-align:center"><img src="http://....jpg"></p>


Voilà :wahoo: 

A bientôt ;) 
m
0
l
19 Mars 2011 16:02:57

merci de ton aide je teste je re, :) 
m
0
l
Contenus similaires
19 Mars 2011 16:06:28

sa ne marche pas j'ai du faire une erreure j'ai mis ça:

  1. <p align="center"><a href="http://www.web-modules.net/generateur_banniere.html"><img src="http://en.web-modules.net/upload/banners/2/101.gif" alt="animated banner generator" /></a>
  2. <table border="0" width="220" cellspacing="0" cellpadding="0"><tr><td width="100%">
  3. <script LANGUAGE="javascript">function controleformulairemdp(cur){
  4. if (cur.login.value==''){alert('Il vous faut indiquer votre nom d\'utilisateur !');cur.action.value='Entrer';cur.login.focus();cur.login.select();return false;}
  5. if (cur.password.value==''){alert('Il vous faut indiquer votre mot de passe !');cur.action.value='Entrer';cur.password.focus();cur.password.select();return false;}
  6. }</script>
  7. <table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#800080"><tr>
  8. <form method="POST" action="http://www.swisstools.net/motdepasse.asp" onsubmit="return controleformulairemdp(this)"><input type="hidden" name="id" value="23516">
  9. <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="2"><tr><td width="100%" colspan="2" bgcolor="#800080"><p align="center"><b><font face="Verdana" size="2" color="#FFB7FF">Zone sécurisée</font></b></td></tr>
  10. <tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Nom d'utilisateur</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="text" name="login" size="10"> </font></p></td></tr>
  11. <tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Mot de passe</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="password" name="password" size="10"> </font></p></td></tr>
  12. <tr><td width="100%" colspan="2" bgcolor="#FFB7FF"><p align="center"><input type="submit" value="Entrer" name="action" onclick="this.value='Patientez...'"></td></tr>
  13. <tr><td width="100%" colspan="2" bgcolor="#800080"><p align=center><font size="2" face="Verdana" color="#FFB7FF">
  14.  
  15. [ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/inscription.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok','gerer','scrollbars=1, resizable=1, width=500,
  16. height=500');return(false)">Inscrivez-vous</a> ]<br>
  17. http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91eda39-text.gif?1300540855
  18.  
  19. [ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/gerer.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok','gerer','scrollbars=1, resizable=1, width=500, height=500');return(false)">Gérer votre compte</a> ]<br>
  20.  
  21. [ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/perdu.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok','motdepasse_perdu','scrollbars=1, resizable=1, width=500, height=210');return(false)">Oublié ?</a> ]
  22.  
  23. [ <a style="color:#FFB7FF" href="http://www.swisstools.net/fr/membre/motdepasse/acces_moderateur.asp?id=23516&pro=ok" target=_blank>modérateur</a> ]
  24. </font></td>
  25. </tr></table></td></form></tr></table></td></tr></table></ p>


m
0
l
19 Mars 2011 16:10:18

je recommence j'ai inclu une banniere avec !!! je re
m
0
l
19 Mars 2011 16:11:03

Salut,

Essaye juste ça (j'ai mis en gras ce que j'ai rajouté par rapport à ton code de départ) :

<p align="center">
<table border="0" width="220" cellspacing="0" cellpadding="0"><tr><td width="100%">
<script LANGUAGE="javascript">function controleformulairemdp(cur){
if (cur.login.value==''){alert('Il vous faut indiquer votre nom d\'utilisateur !');cur.action.value='Entrer';cur.login.focus();cur.login.select();return false;}
if (cur.password.value==''){alert('Il vous faut indiquer votre mot de passe !');cur.action.value='Entrer';cur.password.focus();cur.password.select();return false;}
}</script>
<table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#800080"><tr>
<form method="POST" action="http://www.swisstools.net/motdepasse.asp" onsubmit="return controleformulairemdp(this)"><input type="hidden" name="id" value="23516">
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="2"><tr><td width="100%" colspan="2" bgcolor="#800080"><p align="center"><b><font face="Verdana" size="2" color="#FFB7FF">Zone sécurisée</font></b></td></tr>
<tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Nom d'utilisateur</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="text" name="login" size="10"> </font></p></td></tr>
<tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Mot de passe</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="password" name="password" size="10"> </font></p></td></tr>
<tr><td width="100%" colspan="2" bgcolor="#FFB7FF"><p align="center"><input type="submit" value="Entrer" name="action" onclick="this.value='Patientez...'"></td></tr>
<tr><td width="100%" colspan="2" bgcolor="#800080"><p align=center><font size="2" face="Verdana" color="#FFB7FF">

[ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/inscription.asp?id...','gerer','scrollbars=1, resizable=1, width=500,
height=500');return(false)">Inscrivez-vous</a> ]<br>
http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91e...

[ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/gerer.asp?id=23516...','gerer','scrollbars=1, resizable=1, width=500, height=500');return(false)">Gérer votre compte</a> ]<br>

[ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/perdu.asp?id=23516...','motdepasse_perdu','scrollbars=1, resizable=1, width=500, height=210');return(false)">Oublié ?</a> ]

[ <a style="color:#FFB7FF" href="http://www.swisstools.net/fr/membre/motdepasse/acces_mo..." target=_blank>modérateur</a> ]
</font></td>
</tr></table></td></form></tr></table></td></tr></table>
</ p>

Peux-tu mettre le lien vers ton site que je puisse voir comment ça fait ? Je n'ai pas l'habitude de travailler que sur du code ;) 

D'ailleurs, utilises-tu du css ou est-ce que tu fais tout sur du html ?
m
0
l
19 Mars 2011 16:11:39

grrr sa ne marche tjrs pas !
m
0
l
19 Mars 2011 16:12:09

Tu as essayé le code que j'ai mis ?
m
0
l
19 Mars 2011 16:15:17

Oulala il y a beaucoup de bannières de pub ! ^^'
m
0
l
19 Mars 2011 16:17:11

je viens de mettre le code que tu ma donné mais tjrs rien !
m
0
l
19 Mars 2011 16:17:54

oui mais elles ne sont pas dans le meme enregistrement de la page
m
0
l
19 Mars 2011 16:20:45

Ok, peux-tu mettre le code CSS aussi s'il te plait, pour savoir les codes qui sont déjà rentrés.

Pour le code, essaye la méthode simple pour voir ce que ça donne :


<center>
<table border="0" width="220" cellspacing="0" cellpadding="0"><tr><td width="100%">
<script LANGUAGE="javascript">function controleformulairemdp(cur){
if (cur.login.value==''){alert('Il vous faut indiquer votre nom d\'utilisateur !');cur.action.value='Entrer';cur.login.focus();cur.login.select();return false;}
if (cur.password.value==''){alert('Il vous faut indiquer votre mot de passe !');cur.action.value='Entrer';cur.password.focus();cur.password.select();return false;}
}</script>
<table border="1" width="100%" cellspacing="0" cellpadding="0" bordercolor="#800080"><tr>
<form method="POST" action="http://www.swisstools.net/motdepasse.asp" onsubmit="return controleformulairemdp(this)"><input type="hidden" name="id" value="23516">
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="2"><tr><td width="100%" colspan="2" bgcolor="#800080"><p align="center"><b><font face="Verdana" size="2" color="#FFB7FF">Zone sécurisée</font></b></td></tr>
<tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Nom d'utilisateur</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="text" name="login" size="10"> </font></p></td></tr>
<tr><td width="60%" bgcolor="#FFB7FF"><p align="right"><font face="Verdana" size="2" color="#800080">Mot de passe</font></p></td><td width="44%" bgcolor="#FFB7FF"><p align="left"><font face="Verdana" size="2"><input type="password" name="password" size="10"> </font></p></td></tr>
<tr><td width="100%" colspan="2" bgcolor="#FFB7FF"><p align="center"><input type="submit" value="Entrer" name="action" onclick="this.value='Patientez...'"></td></tr>
<tr><td width="100%" colspan="2" bgcolor="#800080"><p align=center><font size="2" face="Verdana" color="#FFB7FF">

[ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/inscription.asp?id...','gerer','scrollbars=1, resizable=1, width=500,
height=500');return(false)">Inscrivez-vous</a> ]<br>
http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91e...

[ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/gerer.asp?id=23516...','gerer','scrollbars=1, resizable=1, width=500, height=500');return(false)">Gérer votre compte</a> ]<br>

[ <a style="color:#FFB7FF" href="#" onClick="window.open('http://www.swisstools.net/motdepasse/perdu.asp?id=23516...','motdepasse_perdu','scrollbars=1, resizable=1, width=500, height=210');return(false)">Oublié ?</a> ]

[ <a style="color:#FFB7FF" href="http://www.swisstools.net/fr/membre/motdepasse/acces_mo..." target=_blank>modérateur</a> ]
</font></td>
</tr></table></td></form></tr></table></td></tr></table>
</center>
m
0
l
19 Mars 2011 16:22:55

super!!!! je te remercie beaucoup :) 
m
0
l
19 Mars 2011 16:28:50

Bravo ^^

Tu peux choisir la meilleure réponse s'il te plait ? ;)  Ceux qui seront coincés trouveront rapidement la réponse comme ça ^^
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS