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

Tire hacia abajo del menú superposición

  • CXLink
  • Expert
  • Expert
  • Avatar de Usuario
  • Registrado: Nov 22, 2004
  • Mensajes: 684
  • Loc: ATL-GA
  • Status: Offline

Nota Enero 23rd, 2012, 7:06 am

Feliz lunes!
Tengo un problema con un menú desplegable en un sitio y mientras pensaba en arreglarlo sería simple estoy teniendo algunos problemas. El sitio es dmpc.org . El tornillo hasta está en la lista desplegable de ministerios y el flotante. Está cubriendo 2 otros elementos. Mal pone el siguiente código, pero me siento como su algo simple que me falta.

Gracias de antemano.

HTML
Código: [ Select ]
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97" id="menu-item-97"><a href="http://www.dmpc.org/ministries/">Ministries</a>
<ul class="sub-menu">
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428" id="menu-item-428"><a href="http://www.dmpc.org/ministries/worship-times/">Worship Times</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-420" id="menu-item-420"><a href="http://www.dmpc.org/ministries/after-school-program/">After-School Program</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-421" id="menu-item-421"><a href="http://www.dmpc.org/ministries/chi-rho-youth-group/">Chi-Rho Youth Group</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-422" id="menu-item-422"><a href="http://www.dmpc.org/ministries/christian-education/">Christian Education</a>
    <ul class="sub-menu">
        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-424" id="menu-item-424"><a href="http://www.dmpc.org/ministries/christian-education/children-and-youth/">Infants, Children and Youth</a></li>
        <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-423" id="menu-item-423"><a href="http://www.dmpc.org/ministries/christian-education/adults/">Adults</a></li>
    </ul>
</li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-425" id="menu-item-425"><a href="http://www.dmpc.org/ministries/college-ministry-with-de/">College Ministry with D&amp;E</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-426" id="menu-item-426"><a href="http://www.dmpc.org/ministries/music-ministries/">Music Ministries</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-427" id="menu-item-427"><a href="http://www.dmpc.org/ministries/presbyterian-women-2/">Presbyterian Women</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-468" id="menu-item-468"><a href="http://www.dmpc.org/ministries/mens-ministries/">Mens Ministries</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-520" id="menu-item-520"><a href="http://www.dmpc.org/ministries/worship-in-motion/">Worship In Motion</a></li>
    <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-499" id="menu-item-499"><a href="http://www.dmpc.org/ministries/younger-adults-at-dmpc/">Young(er) Adults at DMPC</a></li>
</ul>
</li>
  1. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97" id="menu-item-97"><a href="http://www.dmpc.org/ministries/">Ministries</a>
  2. <ul class="sub-menu">
  3.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428" id="menu-item-428"><a href="http://www.dmpc.org/ministries/worship-times/">Worship Times</a></li>
  4.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-420" id="menu-item-420"><a href="http://www.dmpc.org/ministries/after-school-program/">After-School Program</a></li>
  5.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-421" id="menu-item-421"><a href="http://www.dmpc.org/ministries/chi-rho-youth-group/">Chi-Rho Youth Group</a></li>
  6.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-422" id="menu-item-422"><a href="http://www.dmpc.org/ministries/christian-education/">Christian Education</a>
  7.     <ul class="sub-menu">
  8.         <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-424" id="menu-item-424"><a href="http://www.dmpc.org/ministries/christian-education/children-and-youth/">Infants, Children and Youth</a></li>
  9.         <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-423" id="menu-item-423"><a href="http://www.dmpc.org/ministries/christian-education/adults/">Adults</a></li>
  10.     </ul>
  11. </li>
  12.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-425" id="menu-item-425"><a href="http://www.dmpc.org/ministries/college-ministry-with-de/">College Ministry with D&amp;E</a></li>
  13.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-426" id="menu-item-426"><a href="http://www.dmpc.org/ministries/music-ministries/">Music Ministries</a></li>
  14.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-427" id="menu-item-427"><a href="http://www.dmpc.org/ministries/presbyterian-women-2/">Presbyterian Women</a></li>
  15.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-468" id="menu-item-468"><a href="http://www.dmpc.org/ministries/mens-ministries/">Mens Ministries</a></li>
  16.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-520" id="menu-item-520"><a href="http://www.dmpc.org/ministries/worship-in-motion/">Worship In Motion</a></li>
  17.     <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-499" id="menu-item-499"><a href="http://www.dmpc.org/ministries/younger-adults-at-dmpc/">Young(er) Adults at DMPC</a></li>
  18. </ul>
  19. </li>


CSS
Código: [ Select ]
#top_header nav ul li ul {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 4px 6px #BCBCBC;
  left: -999em;
  padding: 0 14px;
  position: absolute;
  width: 230px;
  z-index: 100;
}
#top_header nav ul li ul li ul {
  width: 210px;
}
  1. #top_header nav ul li ul {
  2.   background: none repeat scroll 0 0 #FFFFFF;
  3.   border-radius: 0 0 5px 5px;
  4.   box-shadow: 0 4px 6px #BCBCBC;
  5.   left: -999em;
  6.   padding: 0 14px;
  7.   position: absolute;
  8.   width: 230px;
  9.   z-index: 100;
  10. }
  11. #top_header nav ul li ul li ul {
  12.   width: 210px;
  13. }
Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Enero 23rd, 2012, 7:06 am

  • typhon
  • Guru
  • Guru
  • Avatar de Usuario
  • Registrado: Oct 25, 2004
  • Mensajes: 1294
  • Loc: Memphis, Tn
  • Status: Offline

Nota Enero 25th, 2012, 5:10 pm

Parece fijo que me ...
-- Never hold a cat and a hairdryer at the same time.
  • mindfullsilence
  • Professor
  • Professor
  • Avatar de Usuario
  • Registrado: Ago 04, 2008
  • Mensajes: 846
  • Status: Offline

Nota Febrero 4th, 2012, 3:20 pm

Lo mismo aquí, parece que su trabajo bien. Sin embargo, si te interesa alguna vez usando un modo más rápido que escribirlo mismo, pruebe la superfish jquery plugin .
Use your words like arrows to shoot toward your goal.

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 3 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 142 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