Votre question

Renvoi a la ligne automatique

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
30 Janvier 2012 11:15:47

Salut a tous,

J'ai fait un menu en css mais, j'ai un petit probleme lorsque je reduit la page internet il se renvoi automatiquement a la ligne et ca ne va pas
Je voudrais que ca ne se renvoi pas a la ligne

le code css :

  1. .Hdropdown_red_tab__menu{
  2. border:none;
  3. border:1px;
  4. margin:0px;
  5. padding:0px;
  6. font-family:verdana,geneva,arial,helvetica,sans-serif;
  7. font-size:11px;
  8. font-weight:bold;
  9. color:8e8e8e;
  10.  
  11. }
  12. .Hdropdown_red_tab__menu ul{
  13. background:url(images/red_tab_dropdown_menu.gif) top left repeat-x ;
  14. height:40px;
  15. list-style:none;
  16. margin:0;
  17. padding:0;
  18.  
  19. }
  20. .Hdropdown_red_tab__menu li{
  21. float:left;
  22. padding:0px 0px 0px 0px;
  23.  
  24. }
  25. .Hdropdown_red_tab__menu li a{
  26. color:#666666;
  27. display:block;
  28. font-weight:bold;
  29. line-height:43px;
  30. padding:0px 25px;
  31. text-align:center;
  32.  
  33.  
  34. text-decoration:none;
  35. }
  36. .Hdropdown_red_tab__menu li a:hover{
  37. color:#000000;
  38. text-decoration:none;
  39. }
  40. .Hdropdown_red_tab__menu li ul{
  41. background:#FFFFFF;
  42. border-left:1px solid #a80329;
  43. border-right:1px solid #a80329;
  44. border-bottom:0px solid #a80329;
  45. display:none;
  46. height:auto;
  47. filter:alpha(opacity=95);
  48. opacity:0.95;
  49. position:absolute;
  50. width:225px;
  51. z-index:200;
  52.  
  53. }
  54. .Hdropdown_red_tab__menu li:hover ul{
  55. display:block;
  56.  
  57. }
  58. .Hdropdown_red_tab__menu li li {
  59. display:block;
  60. float:none;
  61. padding:0px;
  62. width:225px; border-bottom:solid 1px #a80329;
  63.  
  64. }
  65. .Hdropdown_red_tab__menu li ul a{
  66. display:block;
  67. font-size:12px;
  68. font-style:normal;
  69. padding:0px 5px 0px 5px; line-height:40px;
  70. text-align:left;
  71.  
  72. }
  73. .Hdropdown_red_tab__menu li ul a:hover{
  74. background:#890000;
  75. color:#FFFFFF;
  76. opacity:1.0;
  77. filter:alpha(opacity=100);
  78.  
  79. }
  80. .Hdropdown_red_tab__menu p{
  81. clear:left;
  82.  
  83. }
  84. .Hdropdown_red_tab__menu #current{
  85. background:url(images/red_tab_dropdown_activemenu.gif) top left repeat-x;
  86. color:#ffffff;
  87.  
  88. }


merci d'avance !!

Autres pages sur : renvoi ligne automatique

a c 232 L Programmation
30 Janvier 2012 13:59:10

Sans code HTML associé, du code CSS... c'est un peu du vent :) 
30 Janvier 2012 14:43:20

OmaR a dit :
Sans code HTML associé, du code CSS... c'est un peu du vent :) 


le code html désolé :
<center><IMG SRC="cpl.png"></center>
<body><TD NOWRAP>
<br>
<br>
<div class="Hdropdown_red_tab__menu">
<ul>
<li><a href="passaccescpl.php" >Accès CPL</li>
<li><a href="sortiematos.php" >Sortie matériels</a></li>
</td>

</div>


</body>
Contenus similaires
a c 232 L Programmation
30 Janvier 2012 15:13:55

Il est pas un peu bordélique ton code là ?

  • C'est quoi ce <center> (balise qui est déconseillée d'utiliser) qui est situé avant le <body> ?
  • Les balises HTML doivent s'écrire en minuscules
  • D'où il sort le <td> alors qu'il n'y a pas de <table> et <tr> ?
  • Elle est où la fermeture de <ul> ?
  • Si tu ouvres un <div> dans un <td>, il faut le fermer avant le </td>
  • il est fermé où le 1er lien "accès CPL" ?
  • ...

    30 Janvier 2012 15:36:41

    OmaR a dit :
    Il est pas un peu bordélique ton code là ?

    • C'est quoi ce <center> (balise qui est déconseillée d'utiliser) qui est situé avant le <body> ?
    • Les balises HTML doivent s'écrire en minuscules
    • D'où il sort le <td> alors qu'il n'y a pas de <table> et <tr> ?
    • Elle est où la fermeture de <ul> ?
    • Si tu ouvres un <div> dans un <td>, il faut le fermer avant le </td>
    • il est fermé où le 1er lien "accès CPL" ?
    • ...



  • Le code modifié :

    <html>
    <body>
    <IMG SRC="cpl.png">
    <br>
    <br>
    <div class="Hdropdown_red_tab__menu">
    <ul>
    <li><a href="passaccescpl.php" >Accès CPL</a></li>
    <li><a href="sortiematos.php" >Sortie matériels</a></li>
    </ul>
    </div>
    </body>
    </html>
    a c 232 L Programmation
    30 Janvier 2012 16:45:13

    Pour éviter que le Sortie matériels ne passe en dessous de Acces CPL, il suffit de mettre une taille minimale à ton <ul>
    Par exemple (je te laisse jouer avec la taille et le spécifier dans ton fichier CSS) :
    1. <ul style="min-width:200px">...</ul>
    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