Se connecter avec
S'enregistrer | Connectez-vous

problème site web

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

voila le menu en CSS:
<style type="text/css">
<!--

.Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
a:link.Navlink {color : #808080;}
a:visited.Navlink {color : #808080;}
a:active.Navlink {text-decoration: none;}
a:hover.Navlink {text-decoration: none;}

-->
</style>
<script language = "javascript">
<!--

function LmOver(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";
elem.style.cursor = 'hand'}

function LmOut(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#808080";}

function LmDown(elem, clr)
{elem.style.backgroundColor = clr;
elem.children.tags('A')[0].style.color = "#FFFFFF";}

function LmUp(path)
{location.href = path;}

//-->
</script>

<table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="1">
<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')"
onMouseUp="LmUp('index.html')" bgcolor="#FFFFFF"><A HREF="index.html" Class="navlink">  Accueil</a></td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')"
onMouseUp="LmUp('fonctionnement.html')" bgcolor="#FFFFFF"><A HREF="fonctionnement.html" Class="navlink">  Fonctionnement</a></td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')"
onMouseUp="LmUp('formules.html')" bgcolor="#FFFFFF"><A HREF="formules.html" Class="navlink">  Formules</a></td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')"
onMouseUp="LmUp('reglement.html')" bgcolor="#FFFFFF"><A HREF="reglement.html" Class="navlink">  Reglement</a></td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')"
onMouseUp="LmUp('inscription.html')" bgcolor="#FFFFFF"><A HREF="inscription.html" Class="navlink">  Inscription</a></td></tr>
<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')"
onMouseUp="LmUp('contacts.html')" bgcolor="#FFFFFF"><A HREF="contacts.html" Class="navlink">  Contacts</a></td></tr>
</table>

</td></tr>
</table>
<a href="http://www.guistuff.com/"><img border="0" src="http://www.guistuff.com/images/11dot.gif" width="1" height="1"></a>

et je veux mettre n'importe quel texte en html à côté du genre: <p> bienvenue sur mon site </p>

voila merci!!!

Bien déjà sans vouloir t'embeter, il manque un cerain nombre de balise (body, head).
Apres pour resoudre ton probleme, c'est plutot simple, il suffit juste de mettre une balise "div" autour de ton texte et la configurer dans ton css pour qu'elle apparaisse a gauche de ton menu.

Voila j'ai fait vite fait ce qui te posais problème, après tu as juste a le regler comme tu veux, mais deja regarde comme c'est, le corp du texte apparait a gauche...

  1. <style type="text/css">
    

  2. <!--
    

  3.  
  4. .Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
    

  5. a:link.Navlink {color : #808080;}
    

  6. a:visited.Navlink {color : #808080;}
    

  7. a:active.Navlink {text-decoration: none;}
    

  8. a:hover.Navlink {text-decoration: none;}
    

  9.  
  10. #corps /* Le corps de la page */
    

  11. {
    

  12.  
  13.    margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe pas sous le menu */
    

  14.    margin-right: 150px; /* Une marge à droit pour pousser le corps en vu de futur menu ou autre */
    

  15.    margin-top: -125 px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
    

  16.    margin-bottom: 20px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
    

  17.    padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
    

  18.  
  19.    border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
    

  20. }
    

  21. -->
    

  22. </style>
    

  23. <script language = "javascript">
    

  24. <!--
    

  25.  
  26. function LmOver(elem, clr)
    

  27. {elem.style.backgroundColor = clr;
    

  28. elem.children.tags('A')[0].style.color = "#FFFFFF";
    

  29. elem.style.cursor = 'hand'}
    

  30.  
  31. function LmOut(elem, clr)
    

  32. {elem.style.backgroundColor = clr;
    

  33. elem.children.tags('A')[0].style.color = "#808080";}
    

  34.  
  35. function LmDown(elem, clr)
    

  36. {elem.style.backgroundColor = clr;
    

  37. elem.children.tags('A')[0].style.color = "#FFFFFF";}
    

  38.  
  39. function LmUp(path)
    

  40. {location.href = path;}
    

  41.  
  42. //-->
    

  43. </script>
    

  44.  
  45. <table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
    

  46. <tr><td width="100%">
    

  47.  
  48. <table border="0" width="100%" cellspacing="1" cellpadding="1">
    

  49. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  50. onMouseUp="LmUp('index.html')" bgcolor="#FFFFFF"><A HREF="index.html" Class="navlink">  Accueil</a></td></tr>
    

  51. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  52. onMouseUp="LmUp('fonctionnement.html')" bgcolor="#FFFFFF"><A HREF="fonctionnement.html" Class="navlink">  Fonctionnement</a></td></tr>
    

  53. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  54. onMouseUp="LmUp('formules.html')" bgcolor="#FFFFFF"><A HREF="formules.html" Class="navlink">  Formules</a></td></tr>
    

  55. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  56. onMouseUp="LmUp('reglement.html')" bgcolor="#FFFFFF"><A HREF="reglement.html" Class="navlink">  Reglement</a></td></tr>
    

  57. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  58. onMouseUp="LmUp('inscription.html')" bgcolor="#FFFFFF"><A HREF="inscription.html" Class="navlink">  Inscription</a></td></tr>
    

  59. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  60. onMouseUp="LmUp('contacts.html')" bgcolor="#FFFFFF"><A HREF="contacts.html" Class="navlink">  Contacts</a></td></tr>
    

  61. </table>
    

  62.  
  63. </td></tr>
    

  64. </table>
    

  65. <a href="<a href="http://www.guistuff.com/" target="_blank">http://www.guistuff.com/</a>"><img border="0" src="<a href="http://www.guistuff.com/images/11dot.gif" target="_blank">http://www.guistuff.com/images/11dot.gif</a>" width="1" height="1"></a>
    

  66. <div id="corps">
    

  67. <p>
    

  68. et je veux mettre n'importe quel texte en html à côté du genre: bienvenue sur mon site
    

  69. </p>
    

  70. </div>


Voilà j'espere que sa pourra t'aider, si ya un pb fait signe...

Salut, je te conseillerais egalement de faire un fichier .css plutot que définir ton style dans ta page html ca sera plus propre et plus compréhensif pour quand tu devra modifier une page, de plus le css ne se charge qu'une fois alors que ton code style dans ta page html se charge a chaque fois.

Et n'utilise pas de table si tu as un css

Fichier style.css

  1. .Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
    

  2. a:link.Navlink {color : #808080;}
    

  3. a:visited.Navlink {color : #808080;}
    

  4. a:active.Navlink {text-decoration: none;}
    

  5. a:hover.Navlink {text-decoration: none;}
    

  6.  
  7. #corps /* Le corps de la page */
    

  8. {
    

  9.  
  10.    margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe pas sous le menu */
    

  11.    margin-right: 150px; /* Une marge à droit pour pousser le corps en vu de futur menu ou autre */
    

  12.    margin-top: -125 px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
    

  13.    margin-bottom: 20px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
    

  14.    padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
    

  15.  
  16.    border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
    

  17. }


Pour appeler ton css :

entre <head> et </head>

<link rel="stylesheet" media="screen" type="text/css" title="slyle" href="style.css" />

merci Tonnere cela marche nickel!!! je vais te demandé autre chose puice que tu a l'air de t'y connaitre en la matière... ;-) comment rajouter à présent un menu à droite? comme tu as dit:
margin-right: 150px; /* Une marge à droit pour pousser le corps en vu de futur menu ou autre */
voila.. et merci encore!! :-D

Pour le menu à droite, tu rajoute au dessus du div corp (a la fin je te donnerai le fichier complet):

  1. <div id="menu_droite"> <!-- Menu de droite -->
    

  2.  
  3. 		<table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
    

  4. 		<tr><td width="100%">
    

  5.  
  6. 		<table border="0" width="100%" cellspacing="1" cellpadding="1">
    

  7. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  8. 		onMouseUp="LmUp('index.html')" bgcolor="#FFFFFF"><A HREF="index.html" Class="navlink">  Accueil</a></td></tr>
    

  9. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  10. 		onMouseUp="LmUp('fonctionnement.html')" bgcolor="#FFFFFF"><A HREF="fonctionnement.html" Class="navlink">  Fonctionnement</a></td></tr>
    

  11. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  12. 		onMouseUp="LmUp('formules.html')" bgcolor="#FFFFFF"><A HREF="formules.html" Class="navlink">  Formules</a></td></tr>
    

  13. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  14. 		onMouseUp="LmUp('reglement.html')" bgcolor="#FFFFFF"><A HREF="reglement.html" Class="navlink">  Reglement</a></td></tr>
    

  15. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  16. 		onMouseUp="LmUp('inscription.html')" bgcolor="#FFFFFF"><A HREF="inscription.html" Class="navlink">  Inscription</a></td></tr>
    

  17. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  18. 		onMouseUp="LmUp('contacts.html')" bgcolor="#FFFFFF"><A HREF="contacts.html" Class="navlink">  Contacts</a></td></tr>
    

  19. 		</table>
    

  20.  
  21. 		</td></tr>
    

  22. 		</table>
    

  23. 	</div>


Tu rajoutera dans ta feuille de style (CSS):

  1. #menu_droite /* Le menu en général, tu remarquera que je l'ai aligné avec le corp du texte mais tu peux le mettre ou tu veux apres */
    

  2. {
    

  3.    float: right; /* Le menu flottera à droite */
    

  4.    margin-top: -125 px; /* Pour éviter que le menu colle trop au haut de la page */
    

  5.    width: 137px; /* Taille du menu */
    

  6.    margin-right: 3px; /* 3px de marge à droite */
    

  7. }


Donc sa donnera au final :

  1. <style type="text/css">
    

  2. <!--
    

  3.  
  4. .Navlink {COLOR: #808080; TEXT-DECORATION: none; font-family: arial; font-size: 10pt; font-weight: bold;}
    

  5. a:link.Navlink {color : #808080;}
    

  6. a:visited.Navlink {color : #808080;}
    

  7. a:active.Navlink {text-decoration: none;}
    

  8. a:hover.Navlink {text-decoration: none;}
    

  9.  
  10. #corps /* Le corps de la page */
    

  11. {
    

  12.  
  13.    margin-left: 150px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe pas sous le menu */
    

  14.    margin-right: 150px; /* Une marge à droit pour pousser le corps en vu de futur menu ou autre */
    

  15.    margin-top: -125 px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
    

  16.    margin-bottom: 20px; /* Pour éviter que le corps colle trop au pied de page en-dessous */
    

  17.    padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
    

  18.  
  19.    border: 1px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
    

  20. }
    

  21.  
  22. #menu_droite /* Le menu en général, tu remarquera que je l'ai aligné avec le corp du texte mais tu peux le mettre ou tu veux apres */
    

  23. {
    

  24.    float: right; /* Le menu flottera à droite */
    

  25.    margin-top: -125 px; /* Pour éviter que le menu colle trop au haut de la page */
    

  26.    width: 137px; /* Taille du menu */
    

  27.    margin-right: 3px; /* 3px de marge à droite */
    

  28. }
    

  29. -->
    

  30. </style>
    

  31. <script language = "javascript">
    

  32. <!--
    

  33.  
  34. function LmOver(elem, clr)
    

  35. {elem.style.backgroundColor = clr;
    

  36. elem.children.tags('A')[0].style.color = "#FFFFFF";
    

  37. elem.style.cursor = 'hand'}
    

  38.  
  39. function LmOut(elem, clr)
    

  40. {elem.style.backgroundColor = clr;
    

  41. elem.children.tags('A')[0].style.color = "#808080";}
    

  42.  
  43. function LmDown(elem, clr)
    

  44. {elem.style.backgroundColor = clr;
    

  45. elem.children.tags('A')[0].style.color = "#FFFFFF";}
    

  46.  
  47. function LmUp(path)
    

  48. {location.href = path;}
    

  49.  
  50. //-->
    

  51. </script>
    

  52.  
  53. <table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
    

  54. <tr><td width="100%">
    

  55.  
  56. <table border="0" width="100%" cellspacing="1" cellpadding="1">
    

  57. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  58. onMouseUp="LmUp('index.html')" bgcolor="#FFFFFF"><A HREF="index.html" Class="navlink">  Accueil</a></td></tr>
    

  59. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  60. onMouseUp="LmUp('fonctionnement.html')" bgcolor="#FFFFFF"><A HREF="fonctionnement.html" Class="navlink">  Fonctionnement</a></td></tr>
    

  61. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  62. onMouseUp="LmUp('formules.html')" bgcolor="#FFFFFF"><A HREF="formules.html" Class="navlink">  Formules</a></td></tr>
    

  63. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  64. onMouseUp="LmUp('reglement.html')" bgcolor="#FFFFFF"><A HREF="reglement.html" Class="navlink">  Reglement</a></td></tr>
    

  65. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  66. onMouseUp="LmUp('inscription.html')" bgcolor="#FFFFFF"><A HREF="inscription.html" Class="navlink">  Inscription</a></td></tr>
    

  67. <tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  68. onMouseUp="LmUp('contacts.html')" bgcolor="#FFFFFF"><A HREF="contacts.html" Class="navlink">  Contacts</a></td></tr>
    

  69. </table>
    

  70.  
  71. </td></tr>
    

  72. </table>
    

  73. <a href="<a href="http://www.guistuff.com/" target="_blank">http://www.guistuff.com/</a>"><img border="0" src="<a href="http://www.guistuff.com/images/11dot.gif" target="_blank">http://www.guistuff.com/images/11dot.gif</a>" width="1" height="1"></a>
    

  74. 	<div id="menu_droite"> <!-- Menu de droite -->
    

  75.  
  76. 		<table border="0" width="120" bgcolor="#000000" cellspacing="0" cellpadding="0">
    

  77. 		<tr><td width="100%">
    

  78.  
  79. 		<table border="0" width="100%" cellspacing="1" cellpadding="1">
    

  80. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  81. 		onMouseUp="LmUp('index.html')" bgcolor="#FFFFFF"><A HREF="index.html" Class="navlink">  Accueil</a></td></tr>
    

  82. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  83. 		onMouseUp="LmUp('fonctionnement.html')" bgcolor="#FFFFFF"><A HREF="fonctionnement.html" Class="navlink">  Fonctionnement</a></td></tr>
    

  84. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  85. 		onMouseUp="LmUp('formules.html')" bgcolor="#FFFFFF"><A HREF="formules.html" Class="navlink">  Formules</a></td></tr>
    

  86. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  87. 		onMouseUp="LmUp('reglement.html')" bgcolor="#FFFFFF"><A HREF="reglement.html" Class="navlink">  Reglement</a></td></tr>
    

  88. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  89. 		onMouseUp="LmUp('inscription.html')" bgcolor="#FFFFFF"><A HREF="inscription.html" Class="navlink">  Inscription</a></td></tr>
    

  90. 		<tr><td width="100%" onMouseover="LmOver(this, '#6699FF')" onMouseout="LmOut(this, '#FFFFFF')" onMouseDown="LmDown(this, '#6699FF')" 
    

  91. 		onMouseUp="LmUp('contacts.html')" bgcolor="#FFFFFF"><A HREF="contacts.html" Class="navlink">  Contacts</a></td></tr>
    

  92. 		</table>
    

  93.  
  94. 		</td></tr>
    

  95. 		</table>
    

  96. 	</div>
    

  97. <div id="corps">
    

  98. <p>
    

  99. et je veux mettre n'importe quel texte en html à côté du genre: bienvenue sur mon site
    

  100. </p>
    

  101. </div>


Voila, j'espere que c'est ce que tu veux, de toute façon apres tu peux tout modifier comme tu veux en touchant juste au CSS (feuille de style).

Si tu a d'autre pb fais signe...

dsl en fin de compte je ne veux pas mettre un menu CSS à droite mais un menu déroulant!! est-ce que c'est possible de le mettre a droite? voila ce que je veux mettre à droite:

<style type="text/css">
<!--

.combobox {
background-color: #FFFFFF;
color: #808080;
font-size: 10pt;
font-family: arial;
font-weight: bold;
}

-->
</style>






<form>
<table border="0" width="80" cellspacing="0">
<tr><td width="100%" bgcolor="#000000">


<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr><td width="100%" background="boxtopA.png"><img border="0" src="11dot.gif" width="19" height="19"></td></tr>
</table>




<table border="0" width="100%" cellspacing="0" cellpadding="3">
<tr><td width="2%" background="boxbackA.png">
<img border="0" src="11dot.gif" width="18" height="18">
</td><td width="98%" background="boxbackB.png">

<select class="combobox" name="SiteMap" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1">
<option selected>Membres </option>
<option value="croustivins.html">croustivins</option>
</select>

</td></tr>
</table>




</td></tr>
</table>
</form>


voila merci Tonnere!! :-D

Bien tu supprime se qu'il y a entre
<div id="menu_droite"> <!-- Menu de droite -->
et
</div>
Et tu met a la place:

  1. <form>
    

  2. <table border="0" width="80" cellspacing="0">
    

  3. <tr><td width="100%" bgcolor="#000000">
    

  4.  
  5.  
  6. <table border="0" width="100%" cellspacing="0" cellpadding="0">
    

  7. <tr><td width="100%" background="boxtopA.png"><img border="0" src="11dot.gif" width="19" height="19"></td></tr>
    

  8. </table>
    

  9.  
  10.  
  11.  
  12.  
  13. <table border="0" width="100%" cellspacing="0" cellpadding="3">
    

  14. <tr><td width="2%" background="boxbackA.png">
    

  15. <img border="0" src="11dot.gif" width="18" height="18">
    

  16. </td><td width="98%" background="boxbackB.png">
    

  17.  
  18. <select class="combobox" name="SiteMap" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1">
    

  19. <option selected>Membres </option>
    

  20. <option value="croustivins.html">croustivins</option>
    

  21. </select>
    

  22.  
  23. </td></tr>
    

  24. </table>
    

  25.  
  26.  
  27.  
  28.  
  29. </td></tr>
    

  30. </table>
    

  31. </form>


Et dans ta feuille de style tu met rajoute:

  1. .combobox {
    

  2. background-color: #FFFFFF;
    

  3. color: #808080;
    

  4. font-size: 10pt;
    

  5. font-family: arial;
    

  6. font-weight: bold;
    

  7. }


Sa marchera tu auras ta liste déroulante qui apparaitra a droite a la place du menu

voila j'ai enfin trouvé ce que je voulé à droite: un nom d'identifiant et un mot de passe:

<! --Création du formulaire-->
<form>

Identifiant : </b> <input type="text" maxlength="20" size="20" title="Identifiant"

name="value_identifiant>
<input type="submit">



<p> <b> Saisissez votre mot de passe: </b>
<br>
<input type="password" maxlength="10" size="10" title="Mot de passe" name="passe"
<input type="submit"
</form>

comment faut il faire pour le mettre à droite? merci!!

Hors mis le faite que se que tu as ecris est truffé de faute lol, je l'ai corrigé et te l'ai crée en XHTML. Cependant si tu préfaire le HTML pour x raison, je peux rapidement te le faire en HTML.

Voilà le code a placer dans ta page:

  1. <div id="menu_droite"> <!-- Menu de droite -->
    

  2.  
  3. 		<!-- Création du formulaire -->
    

  4. 		<form method="post" action="cible.extension">
    

  5. 		   <p>
    

  6. 		       <label>Identifiant : <b />
    

  7. 					<input type="text" name="value_identifiant" value="Identifiant" maxlength="20" size="20" />
    

  8. 			   </label>
    

  9. 			   <label><strong>Saisissez votre mot de passe :</strong><b />
    

  10. 					<input type="password" name="passe" value="Mot de passe" maxlength="20" size="20" />
    

  11. 			   </label>
    

  12. 		   </p>
    

  13. 		</form>
    

  14.  
  15. 	</div>


Voilà bonne continuation...
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde