Foros del Web » Creando para Internet » CSS »

barra de navegacion......

Estas en el tema de barra de navegacion...... en el foro de CSS en Foros del Web. Estoy tratando de hacer una barra de navegacion de tres botones/links. pero sobre una imagen como background ya puesta en el Div,.....asi sin ningun efecto ...
  #1 (permalink)  
Antiguo 31/10/2010, 16:41
Avatar de ryu_on_ice  
Fecha de Ingreso: abril-2005
Mensajes: 314
Antigüedad: 12 años, 7 meses
Puntos: 0
barra de navegacion......

Estoy tratando de hacer una barra de navegacion de tres botones/links.
pero sobre una imagen como background ya puesta en el Div,.....asi sin ningun efecto por el momento, solo que enlace a otra pagina



quisiera saber como hacerle para ubicar el link dentro de esa div.....alguna idea

saludos y gracias!!
  #2 (permalink)  
Antiguo 31/10/2010, 16:58
 
Fecha de Ingreso: octubre-2010
Mensajes: 31
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: barra de navegacion......

Solo pon los enlaces dentro del <div> que tiene por background una imagen


suponiendo que el tu div se llama <div id="enlaces">

Código HTML:
<div id="enlaces">
<a href="">Enlace 1</a>
<a href="">Enlace 2</a>
<a href="">Enlace 3</a>
</div> 
Código CSS:
Ver original
  1. #enlaces {background: url(../../fondoenlaces.png)}


Si no quieres que la imagen se repita agregas no-repeat como valor a la propiedad background.

<div> es un elemento en bloque por lo que ocupa toda una linea puedes ajustar su ancho con width o si quieres que solo ocupe el espacio reservado por los enlaces agregas al div desde el CSS




Código CSS:
Ver original
  1. #enlaces {display: inline}




si quieres espacio de relleno entre los enlaces y donde finaliza la imagen, se lo agregas con padding. Si no es esto lo que quieres lograr, dime contestando este mensaje. Saludos
  #3 (permalink)  
Antiguo 01/11/2010, 01:26
Avatar de ryu_on_ice  
Fecha de Ingreso: abril-2005
Mensajes: 314
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: barra de navegacion......

ok esto es lo que tengo...

<div id="barra_menu"></div>

en el css tengo esto:
#barra_menu {
background: url(imagenes/menu.jpg) center no-repeat;
width:720px;
height:50px;
clear:both;
}

en la imagen usada en el background, es donde tengo los links; me explico. En la imagen menu.jpg ya tengo puesto los 3 enlaces, lo que quiero hacer es habilitar los links ahi donde ya estan dibujados los enlances en el menu.jpg.....lo que pasa es que primero hice el menu en photoshop, con las formas de los botones..y asi como esta me gusta..por eso comentaba no quiero ponerle efectos de rollover etc, solo habilitar el enlace....

si se puede hacer eso??
  #4 (permalink)  
Antiguo 01/11/2010, 03:15
Avatar de danneg  
Fecha de Ingreso: agosto-2009
Ubicación: Todo un mundo de posibilidades
Mensajes: 856
Antigüedad: 8 años, 4 meses
Puntos: 48
Respuesta: barra de navegacion......

la mejor forma de hacer un menu es con listas desordenadas

Código HTML:
Ver original
  1. <ul id="menu">
  2.   <li><a>Menu</a></li>
  3.   <li><a>Menu</a></li>
  4.   <li><a>Menu</a></li>
  5. </ul>

Código CSS:
Ver original
  1. #menu li {
  2.    float: left;
  3. }

puedes buscar mas informacion sobre esto, busca un tuto de css y xhtml
__________________
- Daniel García (@dannegm)
- [follow me | fork me on github...]

Etiquetas: barra, navegacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:07.