trop de div !!!!

trop de div !!!! - HTML/CSS - Programmation

Marsh Posté le 20-06-2005 à 22:03:53    

Bonjour
 
   je voulais savoir quelque chose, je veux faire une menu: menu1
                                                                              menu2
                                                                              menu3
                                                                              menu4
 
   et voila comment je m'y suis pris,
 
PS ce n'est pas joli, c'est juste pour apprendre
 
 

Code :
  1. <html>
  2. <head>
  4. <style type="text/css">
  6. body  {
  7. padding-left:10;
  8. padding-top:20;
  9.       }
  11. .menu   {
  12. height: 20;
  13. width: 60;
  14. background-color: #FF9900;
  15. border-color: black;
  16. border size: 2;
  18.         }
  20. .menu a:hover  {
  21. height: 20;
  22. width: 60;
  23. background-color: #FF0000;
  24.                }
  26.         }
  28. </style>
  30. </head>
  31. <body>
  35. <div class="menu"><a href="#" alt"#">Menu 1</a></div>
  36. <div class="menu"><a href="#" alt"#">Menu 2</a></div>
  37. <div class="menu"><a href="#" alt"#">Menu 3</a></div>
  38. <div class="menu"><a href="#" alt"#">Menu 4</a></div>
  40. </body>
  41. </html>
  45. </body>


 
 Mais le probleme, c'est qu'il y a 4 div a la suite, et je pense que  sa alourdi la page pour rien car il y a, je pense, un systeme plus simple
 
 pouvez vous me le dire SVP


---------------
mon site perso aller visiter
Reply

Marsh Posté le 20-06-2005 à 22:03:53   

Reply

Marsh Posté le 20-06-2005 à 22:07:06    

Code :
  1. <div class="menu"><a href="#" alt"#">Menu 1</a></div>
  2. <div class="menu"><a href="#" alt"#">Menu 2</a></div>
  3. <div class="menu"><a href="#" alt"#">Menu 3</a></div>
  4. <div class="menu"><a href="#" alt"#">Menu 4</a></div>
  6. <div class="menu">
  7. <a href="#" alt"#">Menu 1</a><br />
  8. <a href="#" alt"#">Menu 1</a><br />
  9. <a href="#" alt"#">Menu 1</a><br />
  10. <a href="#" alt"#">Menu 1</a><br />
  11. </div>


 
ca me semble mieu :)

Reply

Marsh Posté le 20-06-2005 à 22:08:39    

mais nom, je veut que chaque cases de chaque menu change au survole et nom tout en meme temps, et puis on peu ultiliser <ul>
  <li>
  <li>
</ul>


---------------
mon site perso aller visiter
Reply

Marsh Posté le 20-06-2005 à 22:08:45    

Code :
  1. // Remplace ça
  3. <div class="menu"><a href="#" alt"#">Menu 1</a></div>
  4. <div class="menu"><a href="#" alt"#">Menu 2</a></div>
  5. <div class="menu"><a href="#" alt"#">Menu 3</a></div>
  6. <div class="menu"><a href="#" alt"#">Menu 4</a></div>
  9. // Par
  11. <div class="menu">
  12. <a href="#" alt"#">Menu 1</a>
  13. <a href="#" alt"#">Menu 2</a>
  14. <a href="#" alt"#">Menu 3</a>
  15. <a href="#" alt"#">Menu 4</a>
  16. </div>


 
Grilled :whistle:...


Message édité par Killer_386 le 20-06-2005 à 22:09:39
Reply

Marsh Posté le 20-06-2005 à 22:08:50    

Code :
  1. <ul class="menu">
  2. <li><a href="#" title="#">Menu 1</a></li>
  3. <li><a href="#" title="#">Menu 2</a></li>
  4. <li><a href="#" title="#">Menu 3</a></li>
  5. <li><a href="#" title="#">Menu 4</a></li>
  6. </ul>


 
Ca, ca me parait mieux.
 
Edit : le meme avec les listes, et corrigé.


Message édité par plainsofpain le 20-06-2005 à 22:16:35

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 20-06-2005 à 22:14:53    

robinpintrin a écrit :


<html>
<head>
 
</head>
<body>
 
 
 
<div class="menu"><a href="#" alt"#">Menu 1</a></div>
<div class="menu"><a href="#" alt"#">Menu 2</a></div>
<div class="menu"><a href="#" alt"#">Menu 3</a></div>
<div class="menu"><a href="#" alt"#">Menu 4</a></div>
 
</body>
</html>




Un menu est une liste de liens :o  
 
Donc on utilise pas des divs pour faire un menu, mais une liste. Au pire des <span> si on considère un menu inline, mais c'est un besoin très spécifique :o
 
Et le menu est une entité globale, donc il faut un wrapper qui sera le menu, pas de classe pour tous les éléments du menu c'est une perte de temps :o
 
Et les éléments <a> n'ont pas d'attribut "alt", ils ont un "title" ça n'a rien à voir :o
 

<ul class="menu"><!-- On peut utiliser un ID si c'est le seul menu de la page -->
    <li><a href="#">Menu 1</a></li>
    <li><a href="#">Menu 2</a></li>
    <li><a href="#">Menu 3</a></li>
    <li><a href="#">Menu 4</a></li>
</ul>


Pour les menus, aller visiter Listamatic et Listamatic2, et se faire le Listutorial, ça permet d'apprendre plein de trucs :o
 
edit: grillé par le créateur du topic en plus [:sisicaivrai]


Message édité par masklinn le 20-06-2005 à 22:15:34

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 20-06-2005 à 22:22:42    

ok merci mais t bien genti c'est en anglais


---------------
mon site perso aller visiter
Reply

Marsh Posté le 20-06-2005 à 22:29:13    

robinpintrin a écrit :

ok merci mais t bien genti c'est en anglais


1- Et alors ([:petrus75])
2- Si t'avais fait l'effort de cliquer sur un des menus, t'aurais vu que chaque exemple a genre... 15 mots... et le reste n'est que du code [:petrus75]


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 20-06-2005 à 23:31:35    

lol ouai, je reconnais, je suis une feniacese, j'ai decouvers plein de truks.
merci !!! ciao  mais au faite,
Masklinn, t'es un modérateur ou ............. ???


---------------
mon site perso aller visiter
Reply

Marsh Posté le 20-06-2005 à 23:33:09    

chuis .............


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 20-06-2005 à 23:33:09   

Reply

Marsh Posté le 21-06-2005 à 00:42:53    

Masklinn il aime faire des choses avec moi tout nu dans les champs de fraises, comme FlorentG

Reply

Marsh Posté le 21-06-2005 à 00:44:10    

gatsusat a écrit :

Masklinn il aime faire des choses avec moi tout nu dans les champs de fraises, comme FlorentG


non, va mourir espèce de phenos


Message édité par masklinn le 21-06-2005 à 00:44:19

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 21-06-2005 à 00:44:49    

masklinn a écrit :

non, va mourir espèce de phenos


 
Ho oui insulte moi, j'aime ça

Reply

Marsh Posté le 21-06-2005 à 00:45:52    

Sinon pour ceux qui veulent radiner sur les éléments il peuvent faire ça :
 

<div id="menu">
  <a href="...">...</a>
  <a href="...">...</a>
  <a href="...">...</a>
  <a href="...">...</a>
</div>
 
#menu a {
  display: block;
}


 
Bon c'est sûr, c'est moins sémantique qu'une liste ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-06-2005 à 00:47:05    

c'est crade koua

Reply

Marsh Posté le 21-06-2005 à 00:47:24    

gm_superstar a écrit :

Bon c'est sûr, c'est moins sémantique qu'une liste ;)


dans un screen reader ou un navigateur textuel c'est inutilisable [:moule_bite]

gatsusat a écrit :

c'est crade koua


stfu [:sboumboum]


Message édité par masklinn le 21-06-2005 à 00:47:45

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?
Reply

Marsh Posté le 21-06-2005 à 00:49:23    

masklinn a écrit :

dans un screen reader ou un navigateur textuel c'est inutilisable [:moule_bite]


Peut être pas aussi joli certes, mais l'info est accessible.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 21-06-2005 à 00:50:46    

masklinn a écrit :

dans un screen reader ou un navigateur textuel c'est inutilisable [:moule_bite]
 
stfu [:sboumboum]


 
http://www.stfu.se/stfu.gif <== So you


Message édité par gatsusat le 21-06-2005 à 00:51:54
Reply

Sujets relatifs:

Leave a Replay

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