debordement sur un DIV

debordement sur un DIV - HTML/CSS - Programmation

Marsh Posté le 03-06-2008 à 16:40:57    

Bonjour a tous
 
j'ai un petit soucis avec mes DIV, je fais une partie "livre d'or" sur mon site et pour que les personnes puissent écrire leur message
j'utilise un :  <input type="text"... mais le problême c'est que le cadre dépasse de mon DIV !!
 
j'aimerais savoir comment faire pour que quand on arrive à la fin du DIV que sa passe directement à la ligne suivante au lieux de déborder!!
 
Voilà se que j'obtiens :
[img]http://nsa02.casimages.com/img/2008/06/03/0806030440163531024.jpg[/img]
 
Voilà le CSS :

Code :
  1. body{
  2. width: 760px;
  3. margin: auto;
  4. margin-bottom: 20px;
  5. background-color: #FF9999;
  6. }
  8. #principal{
  9. background-color:#FFDAB8;
  10. width: 762px;
  11. height:700px;
  12. border:1px solid black;
  13. }
  15. #en_tete{
  16. background-image: url("images/banniere/banniere3.jpg" );
  17. width: 760px;
  18. height: 100px;
  19. background-repeat: no-repeat;
  20. margin-bottom: 10px;
  21. border:1px solid black;
  22. }
  25. *{
  26. list-style:none;
  27. margin:0px;
  28. padding:0px;
  29. }
  31. #corps{
  32. background-color:#f5deb3;
  33. border:1px solid black;
  34. width:640px;
  35. height:544px;
  36. margin-left:117px;
  37. }
  38. #corps h2{
  39. text-align:center;
  40. }
  42. #menu {
  43. background-color:#f5deb3;
  44. width: 110px;
  45. margin-left:1px;
  46. float:left;
  47. }
  49. .element_menu {
  50. border:1px solid black;
  51. }
  53. .element_menu a {
  54.    text-decoration: none;
  55. margin-left:1px;
  56. }
  58. .element_menu  a:link, .element_menu  a:visited {
  59. color: #9E3C02;
  60. display: block;
  61. background: url(../images/menu.gif);
  62. }
  64. .element_menu  a:hover {
  65. color:#FFFFFF;
  66. background-color:#9E3C02;
  67. }
  69. .element_menu a:active {
  70. color: #FFFFFF;
  71. background-color:#9E3C02;
  72. }
  74. #pied_de_page{
  75. background-color:#f5deb3;
  76. border:1px solid black;
  77. text-align:center;
  78. }


 
Si quelqu'un a une solutions à mon problème il est le bienvenue :)

Reply

Marsh Posté le 03-06-2008 à 16:40:57   

Reply

Marsh Posté le 03-06-2008 à 20:59:01    

code html, merci

Message cité 1 fois
Reply

Marsh Posté le 04-06-2008 à 00:28:42    

gatsu35 a écrit :

code html, merci


 
oups desolé
 
Voici le code html:
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3.    <head>
  4.        <title>Institut Elizabeth</title>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.    <link rel="stylesheet" href="parametres.css" type="text/css"/>
  7.    </head>
  9.    <body>
  11.      
  12. <div id="principal">
  13.      
  14.    <div id="en_tete">
  15.          
  16.        </div>
  18.      
  19.  <!-- Les menus -->
  20.  <div id="menu">
  21.   <div class="element_menu">
  22.    <a href="soins.htm">Les soins</a>
  23.    <hr>
  24.    <a href="epilation.htm">Epilation</a>
  25.    <hr>
  26.    <a href="manucure.htm">Manucure</a>
  27.    <hr>
  28.    <a href="beauteDesPieds.htm">Beauté des pieds</a>
  29.    <hr>
  30.    <a href="bronzage.htm">Bronzage</a>
  31.    <hr>
  32.    <a href="amincissement.htm">Amincissement</a>
  33.   </div>
  34.   <br>
  35.   <br>
  37.   <div class="element_menu">
  38.    <a href="tarif.php">Tarifs</a>
  39.    <hr>
  40.    <a href="livreOr.php">Livre d'or</a>
  41.    <hr>
  42.    <a href="Contact.php">Contact</a>
  44.   </div>
  45.  </div>
  47.  <!-- Le corps -->
  48.  <div id="corps">
  50.   <h2><script language="JavaScript1.2">
  51.   var message="Livre d'Or" //votre texte ici
  52.   var neonbasecolor="black" //couleur de base du texte
  53.   var neontextcolor="#9E3C02"
  54.   var neontextcolor2="#9E3C02"
  55.   var flashspeed=150  // vitesse du flashing en millisecondes
  56.   var flashingletters=1  // nombre de lettres qui flashent en neontextcolor
  57.   var flashingletters2=1  // nombre de lettres qui flashent en neontextcolor2 (0 pour désactiver)
  58.   var flashpause=10  // pause entre les cycles de flashing en millisecondes
  60.   ///Ne rien toucher sous cette ligne///
  61.   var n=0
  62.   if (document.all||document.getElementById){
  63.   document.write('<font color="'+neonbasecolor+'">')
  64.   for (m=0;m<message.length;m++)
  65.   document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
  66.   document.write('</font>')
  67.   }
  68.   else
  69.   document.write(message)
  71.   function crossref(number){
  72.   var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
  73.   return crossobj
  74.   }
  76.   function neon(){
  78.   //Change all letters to base color
  79.   if (n==0){
  80.   for (m=0;m<message.length;m++)
  81.   crossref(m).style.color=neonbasecolor
  82.   }
  84.   //cycle through and change individual letters to neon color
  85.   crossref(n).style.color=neontextcolor
  87.   if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
  88.   if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor
  91.   if (n<message.length-1)
  92.   n++
  93.   else{
  94.   n=0
  95.   clearInterval(flashing)
  96.   setTimeout("beginneon()",flashpause)
  97.   return
  98.   }
  99.   }
  101.   function beginneon(){
  102.   if (document.all||document.getElementById)
  103.   flashing=setInterval("neon()",flashspeed)
  104.   }
  105.   beginneon()
  106.   </script></h2>
  107.  <?
  108.   define("SERVEUR","localhost" );
  109.   define("LOGIN","root" );
  110.   define("MDP","" );
  111.   define("MABASE","livreor" );
  113.   $connexion=mysql_connect(SERVEUR,LOGIN,MDP,MABASE);
  115.   if($connexion)
  116.   {
  117.    mysql_select_db(MABASE,$connexion);
  118.    echo 'Pseudo : <input type="text" value="" name="nomMessage" size="50"/><br>';
  119.    echo '<br>';
  120.    echo 'E-mail : <input type="text" value="" name="emailMessage" size="100"/><br>';
  121.    echo '<br>';
  122.    echo 'Message : <input type="text" value="" name="contenuMessage" size="2000"/><br>';
  123.    echo '<br>';
  124.    echo '<br>';
  125.    echo '<input type="submit" value="Valider"/><input type="reset" value="Annuler"/>';
  126.   }
  127.   else
  128.   {
  129.    echo "Cette page est en maintenance";
  130.   }
  132.  ?>
  133.          
  134.  </div>
  135.  <br>
  137.      
  138.  <!-- Le pied de page -->
  139.        <div id="pied_de_page">
  140.            <p>Copyright "Tout pourri Corporation" 2005, tous droits réservés</p>
  141.        </div>
  142. </div>
  144.    </body>
  145. </html>


Reply

Marsh Posté le 04-06-2008 à 07:11:29    

le code est un grand n'importe quoi
 
en plus tu as foutu un input text avec un size à 2000 pas étonnant hein que ca merde
 
met un textarea
 
<textarea></textarea>
 
et ca merdera moins [:mlc]

Reply

Marsh Posté le 04-06-2008 à 10:13:49    

merci  je connaissais pas cette fonction !!
sinon sauf cette erreur je voit pas pourquoi mon code est un grand n'importe quoi...

Reply

Marsh Posté le 04-06-2008 à 10:51:02    

-du js melangé au milieu de la page html
-utilisation d'un vieux script JS de l'an 2 avant JS
-l'utilisation de ton input type="text" de 100km de long
 
faudrait avoir une reference HTML à coté de toi quand tu fais ton site

Reply

Marsh Posté le 04-06-2008 à 11:22:35    

peut être que se script est vieux mais il remplie la fonction que je voulais
le input type="text" j'avais mis 2000 pour voire se que je pouvais en faire et je connaissais pas le <textarea>...
et le JS au milieu de la page je trouve pas que sa dérange...
sa arrive à tout le monde de faire des erreurs...
enfin bref c'est pas grave merci pour l'aide en tout cas

Reply

Sujets relatifs:

Leave a Replay

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