Se connecter avec
S'enregistrer | Connectez-vous

Comment centrer une image htlm

Dernière réponse : dans Programmation

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="<a href="http://www.swisstools.net/motdepasse.asp" target="_blank">http://www.swisstools.net/motdepasse.asp</a>" 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('<a href="http://www.swisstools.net/motdepasse/inscription.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok" target="_blank">http://www.swisstools.net/motdepasse/inscription.asp?id...</a>','gerer','scrollbars=1, resizable=1, width=500, 
  15. height=500');return(false)">Inscrivez-vous</a> ]<br>
  16. <a href="http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91eda39-text.gif?1300540855" target="_blank">http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91e...</a>
  17.  
  18. [ <a style="color:#FFB7FF" href="#" onClick="window.open('<a href="http://www.swisstools.net/motdepasse/gerer.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok" target="_blank">http://www.swisstools.net/motdepasse/gerer.asp?id=23516...</a>','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('<a href="http://www.swisstools.net/motdepasse/perdu.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok" target="_blank">http://www.swisstools.net/motdepasse/perdu.asp?id=23516...</a>','motdepasse_perdu','scrollbars=1, resizable=1, width=500, height=210');return(false)">Oublié ?</a> ]
  21.  
  22. [ <a style="color:#FFB7FF" href="<a href="http://www.swisstools.net/fr/membre/motdepasse/acces_moderateur.asp?id=23516&pro=ok" target="_blank">http://www.swisstools.net/fr/membre/motdepasse/acces_mo...</a>" target=_blank>modérateur</a> ]
  23. </font></td>
  24. </tr></table></td></form></tr></table></td></tr></table>

Autres pages sur : centrer image htlm

Lassé par la pub ? Créez un compte

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 ;) 

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

  1. <p align="center"><a href="<a href="http://www.web-modules.net/generateur_banniere.html" target="_blank">http://www.web-modules.net/generateur_banniere.html</a>"><img src="<a href="http://en.web-modules.net/upload/banners/2/101.gif" target="_blank">http://en.web-modules.net/upload/banners/2/101.gif</a>" 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="<a href="http://www.swisstools.net/motdepasse.asp" target="_blank">http://www.swisstools.net/motdepasse.asp</a>" 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('<a href="http://www.swisstools.net/motdepasse/inscription.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok" target="_blank">http://www.swisstools.net/motdepasse/inscription.asp?id...</a>','gerer','scrollbars=1, resizable=1, width=500, 
  16. height=500');return(false)">Inscrivez-vous</a> ]<br>
  17. <a href="http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91eda39-text.gif?1300540855" target="_blank">http://cadre-texte.cadriz.com/tmp/cadre-texte/4d84ad91e...</a>
  18.  
  19. [ <a style="color:#FFB7FF" href="#" onClick="window.open('<a href="http://www.swisstools.net/motdepasse/gerer.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok" target="_blank">http://www.swisstools.net/motdepasse/gerer.asp?id=23516...</a>','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('<a href="http://www.swisstools.net/motdepasse/perdu.asp?id=23516&color1=800080&color2=FFB7FF&texte1=FFB7FF&texte2=800080&style=Verdana&size=2&pro=ok" target="_blank">http://www.swisstools.net/motdepasse/perdu.asp?id=23516...</a>','motdepasse_perdu','scrollbars=1, resizable=1, width=500, height=210');return(false)">Oublié ?</a> ]
  22.  
  23. [ <a style="color:#FFB7FF" href="<a href="http://www.swisstools.net/fr/membre/motdepasse/acces_moderateur.asp?id=23516&pro=ok" target="_blank">http://www.swisstools.net/fr/membre/motdepasse/acces_mo...</a>" target=_blank>modérateur</a> ]
  24. </font></td>
  25. </tr></table></td></form></tr></table></td></tr></table></ p>


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 ?

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>
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde