Volver al Foro de Diseño de páginas Web

Ayuda por favor!

  • atlnycdude
  • Newbie
  • Newbie
  • No Avatar
  • Registrado: Dic 30, 2008
  • Mensajes: 6
  • Status: Offline

Nota Agosto 9th, 2010, 10:38 am

Ok, Ive consiguió mi menú para trabajar, pero estoy teniendo un momento muy duro en la creación de un "sub submenú" Por ejemplo

Me gustaría "Componentes" de tener otro cuadro volando y escuela infantil, y otro cuadro de volar fuera de la escuela antes, y así sucesivamente

componentes>> preescolar y así sucesivamente

Esto es lo que Ive consiguió.

Código HTML:
Código: [ Select ]
<div id="navigation">
<p id="menuHome"></p>
<ul id="menuOne" class="menuHoriz">
<li><a href="index.html">Home</a></li>
<li><a href="about.html" onmouseover="setMenu('menuSubTwo')" onmouseout="clearMenu('menuSubTwo')">About Us</a></li>
<li><a href="services.html" onmouseover="setMenu('menuSubThree')" onmouseout="clearMenu('menuSubThree')">Services</a></li>
<li><a href="contributions.html" onmouseover="setMenu('menuSubFive')" onmouseout="clearMenu('menuSubFive')">Contributions</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<ul id="menuSubTwo" class="menuVert" onmouseover="setMenu('menuSubTwo')" onmouseout="clearMenu('menuSubTwo')">
<li><a href="intro.html">Introduction</a></li>
<li><a href="mission.html">Mission</a></li>
<!--<li><a href="contributions.html">Contributions</a>
      <li><a href="contact.html">Contact Us</a></li>
--></ul>
<ul id="menuSubThree" class="menuVert" onmouseover="setMenu('menuSubThree')" onmouseout="clearMenu('menuSubThree')">
<li><a href="overview.html">Components</a></li>
<li><a href="programs.html">Services</a></li>
<li><a href="afterschool.html">Pre School</a></li>
<!--  <li><a href="services.html">Our Services</a></li>
      <li><a href="contributions.html">Contributions</a>
      <li><a href="contact.html">Contact Us</a></li>--></ul>
<ul id="menuSubFive" class="menuVert" onmouseover="setMenu('menuSubFive')" onmouseout="clearMenu('menuSubFive')">
<li><a href="volunteers.html">Volunteers</a></li>
<li><a href="newsletter.html">Newsletter</a></li>
<!--  <li><a href="teen.html">Teen Empowerment</a></li>
      <li><a href="services.html">Our Services</a></li>
      <li><a href="contributions.html">Contributions</a>
      <li><a href="contact.html">Contact Us</a></li>--></ul>
<!--sub sub menus-->
</div>
  1. <div id="navigation">
  2. <p id="menuHome"></p>
  3. <ul id="menuOne" class="menuHoriz">
  4. <li><a href="index.html">Home</a></li>
  5. <li><a href="about.html" onmouseover="setMenu('menuSubTwo')" onmouseout="clearMenu('menuSubTwo')">About Us</a></li>
  6. <li><a href="services.html" onmouseover="setMenu('menuSubThree')" onmouseout="clearMenu('menuSubThree')">Services</a></li>
  7. <li><a href="contributions.html" onmouseover="setMenu('menuSubFive')" onmouseout="clearMenu('menuSubFive')">Contributions</a></li>
  8. <li><a href="contact.html">Contact Us</a></li>
  9. </ul>
  10. <ul id="menuSubTwo" class="menuVert" onmouseover="setMenu('menuSubTwo')" onmouseout="clearMenu('menuSubTwo')">
  11. <li><a href="intro.html">Introduction</a></li>
  12. <li><a href="mission.html">Mission</a></li>
  13. <!--<li><a href="contributions.html">Contributions</a>
  14.       <li><a href="contact.html">Contact Us</a></li>
  15. --></ul>
  16. <ul id="menuSubThree" class="menuVert" onmouseover="setMenu('menuSubThree')" onmouseout="clearMenu('menuSubThree')">
  17. <li><a href="overview.html">Components</a></li>
  18. <li><a href="programs.html">Services</a></li>
  19. <li><a href="afterschool.html">Pre School</a></li>
  20. <!--  <li><a href="services.html">Our Services</a></li>
  21.       <li><a href="contributions.html">Contributions</a>
  22.       <li><a href="contact.html">Contact Us</a></li>--></ul>
  23. <ul id="menuSubFive" class="menuVert" onmouseover="setMenu('menuSubFive')" onmouseout="clearMenu('menuSubFive')">
  24. <li><a href="volunteers.html">Volunteers</a></li>
  25. <li><a href="newsletter.html">Newsletter</a></li>
  26. <!--  <li><a href="teen.html">Teen Empowerment</a></li>
  27.       <li><a href="services.html">Our Services</a></li>
  28.       <li><a href="contributions.html">Contributions</a>
  29.       <li><a href="contact.html">Contact Us</a></li>--></ul>
  30. <!--sub sub menus-->
  31. </div>


Código: [ Select ]

#navigation {
position : relative;
background-image : url(../images/navigation/Precious-Jewels-Learning-Incorporated_03.jpg);
background-repeat : no-repeat;
width : 820px;
height : 47px;
font-size : 0.83em;
text-align : center;
font-weight : bold;
}
#navigation a:link, #navigation a:visited {
font-family : Garamond;
color : black;
text-decoration : none;
}
#navigation a {
display : block;
margin : 0;
padding : 0 3px;
}
#navigation a:hover {
color : #03c;
}
#navigation ul {
margin : 0;
padding-top : 12px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
#navigation ul {
list-style-type : none;
}
ul.menuHoriz li {
float : left;
}
ul.menuVert {
position : absolute;
top : 20px;
visibility : hidden;
}
#navigation li {
display : block;
background-color : #fecd06;
width : 80px;
height : 25px;
margin : 0 60px 0 20px;
padding : 0;
color : #000;
}
ul#menuSubTwo {
left : 160px;
}
ul#menuSubThree {
left : 320px;
}
ul#menuSubFive {
left : 480px;
}
  2. #navigation {
  3. position : relative;
  4. background-image : url(../images/navigation/Precious-Jewels-Learning-Incorporated_03.jpg);
  5. background-repeat : no-repeat;
  6. width : 820px;
  7. height : 47px;
  8. font-size : 0.83em;
  9. text-align : center;
  10. font-weight : bold;
  11. }
  12. #navigation a:link, #navigation a:visited {
  13. font-family : Garamond;
  14. color : black;
  15. text-decoration : none;
  16. }
  17. #navigation a {
  18. display : block;
  19. margin : 0;
  20. padding : 0 3px;
  21. }
  22. #navigation a:hover {
  23. color : #03c;
  24. }
  25. #navigation ul {
  26. margin : 0;
  27. padding-top : 12px;
  28. padding-right : 0;
  29. padding-bottom : 0;
  30. padding-left : 0;
  31. }
  32. #navigation ul {
  33. list-style-type : none;
  34. }
  35. ul.menuHoriz li {
  36. float : left;
  37. }
  38. ul.menuVert {
  39. position : absolute;
  40. top : 20px;
  41. visibility : hidden;
  42. }
  43. #navigation li {
  44. display : block;
  45. background-color : #fecd06;
  46. width : 80px;
  47. height : 25px;
  48. margin : 0 60px 0 20px;
  49. padding : 0;
  50. color : #000;
  51. }
  52. ul#menuSubTwo {
  53. left : 160px;
  54. }
  55. ul#menuSubThree {
  56. left : 320px;
  57. }
  58. ul#menuSubFive {
  59. left : 480px;
  60. }

He intentado hacerlo pero me dio un dolor de cabeza muy mal para que su ayuda sería muy apreciada. Gracias de antemano.
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Agosto 9th, 2010, 10:38 am

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 1 mensaje
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 174 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC