MENU DESPEGABLE Y RESPONSIVE

Se esta diseñando un menú desplegable para una pagina web el cual lleva los siguientes botones; Homel, Nosotros, Cronograma y Contacto, en Nosotros se debe desplegar Vision y Mision, en Cronograma se debe desplegar Anual y Mensual, En contacto se debe desplegar Whatsapp, Mensaje y Formulario, al reducirse el tamaño a un dispositivo movil el menu debera volverse un boton tipo hamburguesa, debe tener la funcionalidad responsive. Por favor suministre el codigo html y estilo sin usar js


Para que sirve la regla hover en css y como se usa en el menú.

R= En CSS, la regla :hover es un pseudoselector que se activa cuando el usuario pasa el cursor del mouse por encima de un elemento. Es muy útil para crear efectos interactivos sin necesidad de JavaScript.

Para que sirve la regla display en css y en donde se usa en el menú.

R= La regla display en CSS es una propiedad fundamental que determina cómo se comporta y se renderiza visualmente un elemento en la página. Esta propiedad controla el tipo de caja de renderizado que se usa para un elemento y cómo interactúa con otros elementos en el diseño.

Menú Desplegable Responsive

Contenido de la página

Redimensione la ventana para ver el comportamiento responsive del menú.

Comentarios

Publicar un comentario

Entradas más populares de este blog

CARRUSEL CON DOM

Imagen
<! DOCTYPE html > < html lang = "es" > < head >   < meta charset = "UTF-8" >   < title > Carrusel Natural </ title >   < style >     body {       text-align : center ;       font-family : 'Segoe UI' , sans-serif ;       background-color : #eef2f3 ;     }     #carrusel {       margin : 40px auto ;       width : 320px ;       height : auto ;       padding : 10px ;       background-color : #fff ;       border : 3px solid #2b6777 ;       border-radius : 10px ;       box-shadow : 0px 4px 10px rgba ( 0 , 0 , 0 , 0.15 );     }     #carrusel img {       width : 300px ;       height : 200px ;       display : none ;       object-fit : cover ;     ...
Leer más

COMPONENTES EN RACK

Imagen
 DEFINICIONES Y IMAGENES  ROUTER  ROUTER ES UN DISPOSITIVO DE RED DE CABLEADO ETHERNET EL CUA USA PUERTOS RJ45 PARA INTERNET CONECTAR HOST MEDIANTES IDENTIFICACION POR DIRECCIONES IPV4,  CADA HOST DEBE TENER CADA DIRECCION IP DIFERENETS USUALEMNETE PARA REALIZAR SU CONFIGURACION SE HAVE MEDIANTE LA PUERTA DE ENLANCE DETERMINADA. TIENE UN PUERTO U ITO WAN Y PUEDE TENER VARIOS PUERTOS ETHENET PATA INTERCONECATR LOS DISPOSTIVOS.  TAMBIEN REALIZA INTERONECCION DE DISPOSTIVOS A TRAVES DE WIFI  DIBUjAR DISPOSITIVO  RACK ES UN GABINITE QUE TIENE LA POSIBILIDAD DE SOSTENER Y ALBERGAR DISPOSITIVOS DE RED panel de conexion  Es una conexión que se realiza antes de que salgan las conexiones hacia las canaletas de red. switch  Dispositivo de red que realiza conexion entre dispositivos a través de direcciones física MAC, se encuentre en el rack y usualmente se encuentra dispuesto despues de la conexion de router. cord: cable que realiza inrerconexiones ent...
Leer más

Ciclo do while

Imagen
Es una estructura de control repetitiva la cual primero realiza las acciones y luego se evalúa una expresión lógica, si la expresión lógica resulta verdadera, entonces se vuelve a repetir el ciclo mientras que la expresión lógica sea verdadera. Diseñar una aplicación que cuente la cantidad de veces un nombre por consola, los datos de # de veces y nombre deben solicitarse por gui. Diseñar una aplicación que solicite al usuario numero inicial y numero final y calcule los números pares entre los dos números.
Leer más