Menu Vertical Y Horizontal.docx
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Menu Vertical Y Horizontal.docx as PDF for free.
More details
- Words: 380
- Pages: 2
HTML/CSS. ¿Cómo crear menú vertical y horizontal?
Autor: Chris Diaz Publicada:noviembre 14, 2011 Relación:Menus Complejidad:Low Etiquetas: css, HTML, list, menu
Rating: 3.7/5 (11 votes cast)
0 Este tutorial le ayudará a crear un menú vertical y horizontal en HTML usando estilos CSS. Antes de continuar asegúrese de que Usted sabe las etiquetas HTML de la lista desordenada. Además, por favor consulte el tutorial ¿cómo crear un menú en HTML?. Ok, en primer lugar hay que crear un menú HTML usando la lista desordenada: ?
1 2 3 4 5 6 7
Autor: Chris Diaz Publicada:noviembre 14, 2011 Relación:Menus Complejidad:Low Etiquetas: css, HTML, list, menu
Rating: 3.7/5 (11 votes cast)
0 Este tutorial le ayudará a crear un menú vertical y horizontal en HTML usando estilos CSS. Antes de continuar asegúrese de que Usted sabe las etiquetas HTML de la lista desordenada. Además, por favor consulte el tutorial ¿cómo crear un menú en HTML?. Ok, en primer lugar hay que crear un menú HTML usando la lista desordenada: ?
1 2 3 4 5 6 7
href="#">Home href="#">About href="#">Services href="#">Partners href="#">Contacts
href="#">Home href="#">About href="#">Services href="#">Partners href="#">Contacts
Luego hay que crear un nuevo fichero CSS y adjuntarlo a la página HTML: ?
1
También puede utilizar los estilos en línea (inline). ?
1 2 3
<style type="text/css"> ...here goes your CSS styles...
Como resultado debe obtener el siguiente código HTML: ?
1 2
3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
La lista desordenada tiene sus propios estilos, así que sin los cambios adicionales obtiene un menú vertical. Para obtener el menú horizontal es necesario hacer algunos cambios en HTML y CSS. En primer lugar hay que añadir un nuevo clase a la lista, reemplace
- con
- Ahora en el fichero CSS vamos a crear el menú horizontal. La lista desordenada tiene valores de margen y relleno (margin and padding) asignados por defecto. Tenemos que limpiar ellos: ?
1 2 3 4
ul.horizontal{ margin:0; padding:0; }
Luego haga los cambios para que sus elementos de la lista se muestren de manera horizontal: ?
1 2 3 4 5
ul.horizontal li{ display:block; float:left; padding:0 10px; }
Hemos añadido el valor de relleno horizontal (padding) a los elementos de la lista para que luego no se peguen unas a otras. Ahora su menú está listo, asigne enlaces, añada un poco de colores y fondo y ya. HTML/CSS. ¿Cómo crear menú vertical y horizontal?, 3.7 out of 51 based on 11 ratings
Related Documents
Menu Vertical Y Horizontal.docx
December 2019 18
Vertical
April 2020 34
Vertical
May 2020 41
Astragalo Vertical
June 2020 7
Vertical Contract
June 2020 9
Vertical Lookup
October 2019 10More Documents from ""
Menu Vertical Y Horizontal.docx
December 2019 18
Calzado Mostaza.docx
April 2020 29
Ehyeh Asher Ehyeh Ifra Haza.docx
December 2019 28
Diciembre.docx
December 2019 19