Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1698 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  trop de div !!!!

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

trop de div !!!!

n°1125671
robinpintr​in
Posté le 20-06-2005 à 22:03:53  profilanswer
 

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
mood
Publicité
Posté le 20-06-2005 à 22:03:53  profilanswer
 

n°1125674
neogally
Battle Angel Alita
Posté le 20-06-2005 à 22:07:06  profilanswer
 

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 :)

n°1125677
robinpintr​in
Posté le 20-06-2005 à 22:08:39  profilanswer
 

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
n°1125678
Killer_386
Posté le 20-06-2005 à 22:08:45  profilanswer
 

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
n°1125679
plainsofpa​in
Pingouino's lover
Posté le 20-06-2005 à 22:08:50  profilanswer
 

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
n°1125687
masklinn
í dag viðrar vel til loftárása
Posté le 20-06-2005 à 22:14:53  profilanswer
 

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?
n°1125700
robinpintr​in
Posté le 20-06-2005 à 22:22:42  profilanswer
 

ok merci mais t bien genti c'est en anglais


---------------
mon site perso aller visiter
n°1125709
masklinn
í dag viðrar vel til loftárása
Posté le 20-06-2005 à 22:29:13  profilanswer
 

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?
n°1125739
robinpintr​in
Posté le 20-06-2005 à 23:31:35  profilanswer
 

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
n°1125740
masklinn
í dag viðrar vel til loftárása
Posté le 20-06-2005 à 23:33:09  profilanswer
 

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?
mood
Publicité
Posté le 20-06-2005 à 23:33:09  profilanswer
 

n°1125771
gatsusat
Posté le 21-06-2005 à 00:42:53  profilanswer
 

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

n°1125773
masklinn
í dag viðrar vel til loftárása
Posté le 21-06-2005 à 00:44:10  profilanswer
 

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?
n°1125774
gatsusat
Posté le 21-06-2005 à 00:44:49  profilanswer
 

masklinn a écrit :

non, va mourir espèce de phenos


 
Ho oui insulte moi, j'aime ça

n°1125776
gm_superst​ar
Appelez-moi Super
Posté le 21-06-2005 à 00:45:52  profilanswer
 

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
n°1125777
gatsusat
Posté le 21-06-2005 à 00:47:05  profilanswer
 

c'est crade koua

n°1125778
masklinn
í dag viðrar vel til loftárása
Posté le 21-06-2005 à 00:47:24  profilanswer
 

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?
n°1125779
gm_superst​ar
Appelez-moi Super
Posté le 21-06-2005 à 00:49:23  profilanswer
 

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
n°1125780
gatsusat
Posté le 21-06-2005 à 00:50:46  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  trop de div !!!!

 

Sujets relatifs
Plus de sujets relatifs à : trop de div !!!!

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.096 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)