Foros del Web » Creando para Internet » CSS »

Ayuda con css para bordes redondeados de menu

Estas en el tema de Ayuda con css para bordes redondeados de menu en el foro de CSS en Foros del Web. Tengo el siguiente problema con mi menu: Me gustaria que el div marcado en azul estuviera abajo de los 3 de superiores que son los ...
  #1 (permalink)  
Antiguo 13/05/2010, 18:31
 
Fecha de Ingreso: mayo-2010
Mensajes: 1
Antigüedad: 7 años, 7 meses
Puntos: 0
Ayuda con css para bordes redondeados de menu

Tengo el siguiente problema con mi menu:


Me gustaria que el div marcado en azul estuviera abajo de los 3 de superiores que son los que me hacen el borde.


mi codigo es el siguiente con el hago los bordes.
HTML:
<div class="menu_caja">
<div class="menu_caja_i_s"></div>
<div class="menu_caja_c_s"></div>
<div class="menu_caja_d_s"></div>
<div class="menu_contenido"></div>
<div class="menu_caja_i_i"></div>
<div class="menu_caja_c_i"></div>
<div class="menu_caja_d_i"></div>
</div>

CSS:
/************************************************** ************************************************** **************************************
CAJA DE MENU
************************************************** ************************************************** **************************************/
div.menu_caja{
width:999px;
height:46px;
background-image:url(../images/bgr_menu.jpg);
}

div.menu_caja_i_s{
width:7px;
height:7px;
background-image:url(../images/i_s_nb.png);
float:left;
}
div.menu_caja_d_s{
width:7px;
height:7px;
background-image:url(../images/d_s_nb.png);
float:right;
}
div.menu_caja_c_s{
width:985px;
height:7px;
float:left;
}
div.menu_caja_i_i{
width:7px;
height:7px;
background-image:url(../images/i_i_nb.png);
float:left;
}
div.menu_caja_d_i{
width:7px;
height:7px;
background-image:url(../images/d_i_nb.png);
float:right;
}
div.menu_caja_c_i{
width:985px;
height:7px;
float:left;
}
div.menu_contenido{
width:999px;
height:32px;
}

Bueno se que ahy muchos post referentes a lo mismo pero por un asunto de aprendizaje estoy trabjando desde 0.

Última edición por aptile; 14/05/2010 a las 00:45
  #2 (permalink)  
Antiguo 15/05/2010, 18:02
 
Fecha de Ingreso: agosto-2008
Ubicación: Puebla, Mexico.
Mensajes: 84
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Ayuda con css para bordes redondeados de menu

puedes probar dejando la caja de contenido con una posicion relativa [position: relative; ] y luego poner los divs que forman los bordes redondos con posicion absoluta [position: absolute;] con esto tendras la oportunidad de posicionarlos usando las propiedates top, left, right y bottom segun sea el caso....suerte !

Etiquetas: bordes, redondeados
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 09:17.