WWW.ALLDOWNLOAD.NET84.NET
Recuerda que debes de iniciar sesion y agregar un tema o contestar en un tema para poder ver el contenido oculto

Te recomendamos que visites el foro: MANUAL DEL FORO para que leas temas acerca de agregar post y evitar baneos, eliminación o edición del post.
Estadisticas Visitantes

casino Contador De Visitas
Buscar
 
 

Resultados por:
 


Rechercher Búsqueda avanzada

Últimos temas
» tito el bambino -el amor pista y acapella
Dom Mar 04, 2012 3:04 am por eescuela

» viedo tutorial - photoshop - principios basicos
Dom Ene 09, 2011 11:42 am por Pedro Gonzalez

» Menu horizontal
Sáb Oct 16, 2010 1:55 pm por andres69

» instalar linux con Unetbootin
Dom Oct 10, 2010 9:18 am por frank123456

» MEZCLA BACHATA (toby love)
Jue Jun 10, 2010 4:45 pm por Invitado

» Tutoriales Foroactivo
Dom Ene 31, 2010 6:51 am por lmao

» Seriales para Office 2007
Jue Ene 14, 2010 2:49 pm por andres69

» Creqcion de templates para joomla
Miér Dic 23, 2009 4:16 pm por andres69

» Sistemas Operativos con pocos recursos
Sáb Dic 05, 2009 11:05 am por andres69

» OCULTAR LINKS EN PHPBB3
Vie Dic 04, 2009 4:09 am por lmao


Menu horizontal

Ver el tema anterior Ver el tema siguiente Ir abajo

Menu horizontal

Mensaje por andres69 el Sáb Oct 16, 2010 1:55 pm

Hacer un funcional menú horizontal es más sencillo de lo que parece. Por defecto los elementos de una lista se muestran como bloques (blocks) con lo que cada item del listado ocupará una nueva línea. Simplemente cambiando el modo en que se muestran los items, tendremos una lista horizontal que podrá hacer las veces de menú.

CSS
Código:
  #menuhoriz ul li { 
        display: inline; 
    } 

HTML
Código:

<div id="menuhoriz"> 
    <ul> 
            <li>Botón unoli> 
            <li>Botón dosli> 
            <li>Botón tresli> 
    ul> 
    div> 


A partir de aquí podemos ir introduciendo detalles para hacer más atractivo nuestro menú. Una sencilla muestra:

1. #menuhoriz ul li {
2. display: inline;
3. padding: 2px 7px; /*Separar el texto*/
4. margin:5px; /* Separar los botones */
5. background-color:#E4E4E4; /* Color de fondo */
6. }
7. #menuhoriz ul li:hover {
8. background-color:#CCCCCC; /* Color de fondo sobre el boton */
9. cursor: pointer; /* cambiar el aspecto del puntero */
10. }
11. #menuhoriz ul {
12. /* Linea para delimitar la botonera */
13. border-bottom-width: 1px;
14. border-bottom-style: solid;
15. border-bottom-color: #E4E4E4;
16. }


_________________

Ahora que estas lejos de mi, ¡¡ no sabes cuanto te extraño !!......¡¡ pero cuantoooooo me divieerrrtoo !!

Pintada

andres69
USUARIO NUEVO
USUARIO NUEVO

Masculino Signo chino : Rata
Cantidad de envíos : 59
Fecha de inscripción : 20/06/2009
Edad : 32
Localización : Izucar de Matamoros

http://radiosensation.site90.net

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.