Diseño Web /

Pedido De Css!

Participa en el tema Pedido De Css! en el foro Diseño Web.
hola: como, algunos, ya sabrán, estuve intentando hacer un menú desplegable en HTML y CSS ...

Buscar en este tema:
 
  •  
    PSICO&tico escribió el 26/05/2007 a las 15:48 hs.
     
    ¿Mensaje inapropiado?
    1 links from elsewhere to this Post. Click to view. #1 Pedido De Css!
    hola:

    como, algunos, ya sabrán, estuve intentando hacer un menú desplegable en HTML y CSS pero no lo logré, alan me dió una web de donde sacarlo, copié los códigos los pegué en mi web y los edité. Como no funcionaba (por alguna edición mal hecha) borré todo e hize mi HTML, pero como no sé NADA de CSS (bueh un poquitito MUY CHIQUITITO [todo con ITO jajja ]) quería saber si alguien podía hacerlo por mi...

    les dejo el
    Código HTML:
     <div>
    		<dl>
    			<dt onClick="javascript:show('home');">Principal</dt>
    				<dd id="home">
    					<li>
    						<ul><a href="/noteofweek.html">Nota de la semana</a></ul>
    						<ul><a href="/photoofweek.html">Foto de la semana</a></ul>
    						<ul><a href="/interviewofweek.html">Entrevista de la semana</a></ul>
    						<ul><a href="/wwwofweek.html">Web de la semana</a></ul>
    						<ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('home')"</strong></div><div><strong>//Acá iría un botón con un link a la página "/index.html"</strong></div></ul>
    					</li>
    				</dd>
    		</dl>
    		<dl>
    			<dt onClick="javascript:show('equipo');">Equipo</dt>
    				<dd id="equipo">
    					<li>
    						<ul><a href="/equipo/primera.html">Primera</a></ul>
    						<ul><a href="/equipo/reserva.html">Reserva</a></ul>
    						<ul><a href="/equipo/inferiores.html">Inferiores</a></ul>
    						<ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('equipo')"</strong></div><div><strong>//Acá iría un botón con un link a la página "/equipo.html"</strong></div></ul>
    				  </li>
    				</dd>
    		</dl>
    		<dl>
    			<dt onClick="javascript:show('club');">Club</dt>
    				<dd id="club">
    					<li>
    						<ul><a href="/club/amateur.html">Amateur</a></ul>
    						<ul><a href="/club/historia.html">Historia</a></ul>
    						<ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('club')"<ndex/strong></div><div><strong>//Acá iría un botón con un link a la página "/club.html"</strong></div></ul>
    				  </li>
    				</dd>
    		</dl>
    		<dl>
    			<dt onClick="javascript:show('noticias');">Noticias</dt>
    				<dd id="noticias">
    					<li>
    						<ul><a href="/noticias/carc.html">C.A.R.C.</a></ul>
    						<ul><a href="noticias/general.html">General</a></ul>
    						<ul><div><strong>//Acá iría un botón con un onClick="javascript:hide('noticias')"</strong></div><div><strong>//Acá iría un botón con un link a la página "/noticias.html"</strong></div></ul>
    				  </li>
    				</dd>
    		</dl>
    		<dl>
    			<dt><a href="/seguridad">Seguridad</a></dt>
    		</dl>
    		<dl>
    			<dt><a href="/publicidad">Publicidad</a></dt>
    		</dl>
    	</div> 



    Lo que no sé es cómo hacer para que se hagan desplegables y los botones con js asi que espero que me ayuden.....



    les dejo los datos:
    • Sin presionar:
      • Menú:
        1. Deben estar TOTALMENTE unidos, osea sin separación entre ellos |---| http://www.canalla.com
        2. Debe ser HORIZONTAL |---| http://www.canalla.com
        3. fondo: #0000CC
        4. letras: #FFCC00, en negrita
        5. Bordes izquierdo y superior: #7575FF
        6. Bordes derecho e inferior: #00006F
    • Submenú:
      1. No se ve

      Presionado:
      • Menú:
        1. Deben estar TOTALMENTE unidos, osea sin separación entre ellos |---| http://www.canalla.com
        2. Debe ser HORIZONTAL |---| http://www.canalla.com
        3. fondo: #FFCC00
        4. letras: #0000CC y en negrita
        5. Bordes izquierdo y superior: #FFE784
        6. Bordes derecho e inferior: #C69E00
    • Submenú:
      1. Fondo:#0000CC
      2. letras: #FFCC00, en negrita
      3. Botones:
        1. Fondo: #FFCC00
        2. Letras: #0000CC y en negrita
        3. Bordes izquierdo y superior: #FFE784
        4. Bordes derecho e inferior: #C69E00
    [/list]

    CHAO
    GRAX
    +
     
    0
    Me gusta
     
    http://www.psicofxp.com/forums/diseno-web.210/457491-pedido-de-css.html
    | Más
  • tux escribió el 29/05/2007 a las 03:59 hs. ¿Mensaje inapropiado?

    #2 Re: Pedido De Css!

    Deberías empezar por hacer un código html prolijo (o al menos funcional)
    Me gusta este mensaje
  • PSICO&tico escribió el 04/06/2007 a las 19:06 hs. ¿Mensaje inapropiado?

    #3 Re: Pedido De Css!

    De Que Estas Hablando Willy?¿?¿?
    Me gusta este mensaje
  • tux escribió el 04/06/2007 a las 19:13 hs. ¿Mensaje inapropiado?

    #4 Re: Pedido De Css!

    por ejemplo en una parte tenés:
    <li>
    <ul>
    <a>link</a>
    </ul>
    <ul>
    <a>link</a>
    </ul>
    </li>

    <ul>: Lista desordenada
    <li>: Item de lista.

    dentro de los <ul> deben ir los <li> y luego ahi dentro los links y no al revés. Asi como ese hay varios errores.
    Me gusta este mensaje

LinkBacks: http://www.psicofxp.com/forums/diseno-web.210/457491-pedido-de-css.html


Estadísticas del tema
  • 3 RESPUESTAS
  • 605 VISTAS
  • 2 USUARIOS RESPONDIERON
 
Ir arriba
Contacto | Acerca de | Ayuda | Términos Legales | privacidad | Pautas de convivencia | Mapa de los foros | TrabajÁ con nosotros
©2008 Psicofxp.com S.A. - Todos los derechos reservados
Certifica IAB