Bannière à centrer (PHP)

Bannière à centrer (PHP) - Web design - Graphisme

Marsh Posté le 20-03-2007 à 19:53:35    

Salut à tous !!! :-)
 
Tout d'abord, regardez là, si vous le voulez bien ^_^  
 

Code :
  1. <body>
  3. <table style="margin-left: auto;margin-right: auto;text-align: left; width:100%; height: 220px; background-image:url(themes/pitipiedkipue/images/noir.jpg);" cellpadding="0" cellspacing="0">
  4.  <tr style="vertical-align: center; text-align: left;">
  5.   <td style="width: 1px; height: 220px; background-image:url(themes/pitipiedkipue/images/noir.jpg);"></td>
  6.   <td style="width: 920px; height: 220px; background-image:url(themes/pitipiedkipue/images/header.jpg);"></td>
  7.   <td style="width: 1px; height: 220px; background-image:url(themes/pitipiedkipue/images/noir.jpg);"></td>
  8.  </tr>
  9. </table>
  10. <?php
  11. if(!$user[0])
  12. {
  13. ?>
  14. <table style="margin-left: auto;margin-right: auto;text-align: left; width: 920px; height: 32px; background-image:url(themes/pitipiedkipue/images/login.jpg);" cellpadding="0" cellspacing="0">
  15.  <tr style="vertical-align: middle; text-align: left;">
  16.   <form action="index.php?file=User&amp;nuked_nude=index&amp;op=login" method="post" enctype="multipart/form-data">
  17.   <td style="width: 9%; height: 100%;"></td>
  18.   <td style="width: 7%; height: 100%;"><input type="text" name="pseudo" value="<?php echo $user[2]; ?>" style="width: 75px; height:12px; FONT-SIZE: 9px;" /></td>
  19.   <td style="width: 12%; height: 100%;"><input type="hidden" name="remember_me" value="ok" /></td>
  20.   <td style="width: 12%; height: 100%;"><input type="password" name="pass" value style="width: 75px; height:12px; FONT-SIZE: 9px;" /></td>
  21.   <td style="width: 2%; height: 100%;"><input type="image" value="login" src="themes/pitipiedkipue/images/go.gif" style="border: 0px; width: 25px; height: 19px;" /></td>
  22.   <td style="width: 54%; height: 100%;"></td>
  23.   </form>
  24.  </tr>
  25. </table>
  27. <?php
  28. }else{
  29. ?>
  31. <table style="margin-left: auto;margin-right: auto; text-align: center; width: 920px; height: 32px; background-image:url(themes/pitipiedkipue/images/ss-headervide.jpg);" cellpadding="0" cellspacing="0">
  32.  <tr style="vertical-align: middle; text-align: left;">
  33.   <td style="width: 5%; height: 100%;"></td>
  34.   <td style="width: 80%; height: 100%; text-align: left;"><?php echo"" . _WELCOME . " " . $user[2] . " " . $on . " "; ?> <b>:</b> <a href="index.php?file=User" style="color:#ffffff">Compte</a> <b>/</b> <a href="index.php?file=User&nuked_nude=index&op=logout" style="color:#ffffff">Logout</a> </td>
  35.   <td style="width: 15%; height: 100%;"></td>
  36.  </tr>
  37. </table>


 
Voilà ^_^ vous voyez le problème :-) J'aimerai que mon image soit au centre... Et que le reste de la largeur de l'écran soit "noir"...
De plus, j'aimerai que la barre ou l'on doit insérer le login soit "débordée" elle aussi par du noir.
 
Vous voyez ce que je veux dire ?
Merci d'avance.
 

Reply

Marsh Posté le 20-03-2007 à 19:53:35   

Reply

Marsh Posté le 20-03-2007 à 20:00:10    

Citation :

Vous voyez ce que je veux dire ?


 
Hélas non... Section programmation surement :)
 


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 20-03-2007 à 20:07:38    

C'est pas de la programmation... Enfin ^o) je pense... :-/
 
Heu... je vais aller voir alors... :-s
 
OUECH  :sweat:  autant pour moi :-s
 
Un modo peut-il deleter ? :-) Merci


Message édité par pitipiedkipue le 20-03-2007 à 20:08:49
Reply

Marsh Posté le 20-03-2007 à 20:26:30    

Et que je t'y reprenne plus...
 

Code :
  1. <table align="center" etc....>


 
Y a aussi la methode css, mais celle ci fonctionne aussi ;)


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 20-03-2007 à 20:29:56    

et tu peux pas centrer qq chose qui prend toute la page si tu mets ceci : (vu que ca prend toute la page...)
 

Code :
  1. width:100%;


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 20-03-2007 à 20:33:35    

Mais, ça ne donne rien :-(
 
http://membres.lycos.fr/nc4k/nk/index.php?file=News
 
Je comprend pas trop tes réponses  :sweat: C'est quelles lignes que je dois modifier ?


Message édité par pitipiedkipue le 20-03-2007 à 20:34:55
Reply

Marsh Posté le 20-03-2007 à 20:41:16    

Code :
  1. background-repeat: no-repeat; background-position: center;


Qui donne ->

Code :
  1. <body>   
  2. <table style="margin-left: auto;margin-right: auto;text-align: left; width:100%; height: 220px; background-image:url(themes/pitipiedkipue/images/noir.jpg); background-repeat: no-repeat; background-position: center;" cellpadding="0" cellspacing="0">
  3. <tr style="vertical-align: center; text-align: left;">
  5. etc...
  7. etc...
  8. </tr>
  9. </table>


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 20-03-2007 à 20:47:05    

Ce n'étais pas tout à fait là que je devais le placer, mais merci pour ce code ! :-)
 
Il me sera bien utile :-)
 
Je vais maintenant essayé de mettre du "noir" en arrière de la ligne pour le login... Si vous avez des idées ;-)  
 

Code :
  1. <?php
  2. if(!$user[0])
  3. {
  4. ?>
  5. <table style="margin-left: auto;margin-right: auto;text-align: left; width: 920px; height: 32px; background-image:url(themes/pitipiedkipue/images/login.jpg);" cellpadding="0" cellspacing="0">
  6.  <tr style="vertical-align: middle; text-align: left;">
  7.   <form action="index.php?file=User&amp;nuked_nude=index&amp;op=login" method="post" enctype="multipart/form-data">
  8.   <td style="width: 9%; height: 100%;"></td>
  9.   <td style="width: 7%; height: 100%;"><input type="text" name="pseudo" value="<?php echo $user[2]; ?>" style="width: 75px; height:12px; FONT-SIZE: 9px;" /></td>
  10.   <td style="width: 12%; height: 100%;"><input type="hidden" name="remember_me" value="ok" /></td>
  11.   <td style="width: 12%; height: 100%;"><input type="password" name="pass" value style="width: 75px; height:12px; FONT-SIZE: 9px;" /></td>
  12.   <td style="width: 2%; height: 100%;"><input type="image" value="login" src="themes/pitipiedkipue/images/go.gif" style="border: 0px; width: 25px; height: 19px;" /></td>
  13.   <td style="width: 54%; height: 100%;"></td>
  14.   </form>
  15.  </tr>
  16. </table>
  18. <?php
  19. }else{
  20. ?>
  22. <table style="margin-left: auto;margin-right: auto; text-align: center; width: 920px; height: 32px; background-image:url(themes/pitipiedkipue/images/ss-headervide.jpg);" cellpadding="0" cellspacing="0">
  23.  <tr style="vertical-align: middle; text-align: left;">
  24.   <td style="width: 5%; height: 100%;"></td>
  25.   <td style="width: 80%; height: 100%; text-align: left;"><?php echo"" . _WELCOME . " " . $user[2] . " " . $on . " "; ?> <b>:</b> <a href="index.php?file=User" style="color:#ffffff">Compte</a> <b>/</b> <a href="index.php?file=User&nuked_nude=index&op=logout" style="color:#ffffff">Logout</a> </td>
  26.   <td style="width: 15%; height: 100%;"></td>
  27.  </tr>
  28. </table>


 
Merci pour vos réponses !


Message édité par pitipiedkipue le 20-03-2007 à 20:49:41
Reply

Marsh Posté le 20-03-2007 à 20:52:18    

Ben essayes ça...
 

Code :
  1. <body>
  3. <table style="margin-left: auto;margin-right: auto;text-align: left; width:100%; height: 220px; background-image:url(themes/pitipiedkipue/images/noir.jpg);" cellpadding="0" cellspacing="0">
  4.  <tr style="vertical-align: center; text-align: left;">
  5.   <td style="width: 1px; height: 220px; background-image:url(themes/pitipiedkipue/images/noir.jpg);"></td>
  6.   <td style="width: 920px; height: 220px; background-image:url(themes/pitipiedkipue/images/header.jpg);"></td>
  7.   <td style="width: 1px; height: 220px; background-image:url(themes/pitipiedkipue/images/noir.jpg);"></td>
  8. </tr>
  10. <?php
  11. if(!$user[0])
  12. {
  13. ?>
  14. <tr>
  15. <td colspan="3">
  17. <table style="margin-left: auto;margin-right: auto;text-align: left; width: 920px; height: 32px; background-image:url(themes/pitipiedkipue/images/login.jpg);" cellpadding="0" cellspacing="0">
  18.  <tr style="vertical-align: middle; text-align: left;">
  19.   <form action="index.php?file=User&amp;nuked_nude=index&amp;op=login" method="post" enctype="multipart/form-data">
  20.   <td style="width: 9%; height: 100%;"></td>
  21.   <td style="width: 7%; height: 100%;"><input type="text" name="pseudo" value="<?php echo $user[2]; ?>" style="width: 75px; height:12px; FONT-SIZE: 9px;" /></td>
  22.   <td style="width: 12%; height: 100%;"><input type="hidden" name="remember_me" value="ok" /></td>
  23.   <td style="width: 12%; height: 100%;"><input type="password" name="pass" value style="width: 75px; height:12px; FONT-SIZE: 9px;" /></td>
  24.   <td style="width: 2%; height: 100%;"><input type="image" value="login" src="themes/pitipiedkipue/images/go.gif" style="border: 0px; width: 25px; height: 19px;" /></td>
  25.   <td style="width: 54%; height: 100%;"></td>
  26.   </form>
  27.  </tr>
  28. </table>
  29. </td>
  30. </tr>
  31. <?php
  32. }else{
  33. ?>
  35. <tr>
  36. <td colspan="3">
  37. <table style="margin-left: auto;margin-right: auto; text-align: center; width: 920px; height: 32px; background-image:url(themes/pitipiedkipue/images/ss-headervide.jpg);" cellpadding="0" cellspacing="0">
  38.  <tr style="vertical-align: middle; text-align: left;">
  39.   <td style="width: 5%; height: 100%;"></td>
  40.   <td style="width: 80%; height: 100%; text-align: left;"><?php echo"" . _WELCOME . " " . $user[2] . " " . $on . " "; ?> <b>:</b> <a href="index.php?file=User" style="color:#ffffff">Compte</a> <b>/</b> <a href="index.php?file=User&nuked_nude=index&op=logout" style="color:#ffffff">Logout</a> </td>
  41.   <td style="width: 15%; height: 100%;"></td>
  42.  </tr>
  43. </table>
  44. </td>
  45. </tr>
  46. <?php } ?>
  48. </table>


Message édité par Pyksel le 20-03-2007 à 20:58:57

---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 20-03-2007 à 20:57:15    

J'ai édité les fautes de mon code ;) ;) ;)


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 20-03-2007 à 20:57:15   

Reply

Marsh Posté le 20-03-2007 à 20:59:20    

Et les tiennes ;) Mais le code est pas propre du tout de toute façon :)


---------------
Rien est impossible, il suffit d'y croire !
Reply

Sujets relatifs:

Leave a Replay

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