Foros del Web » Creando para Internet » CSS »

Border bottom de una div me aparece en top

Estas en el tema de Border bottom de una div me aparece en top en el foro de CSS en Foros del Web. Hola, tengo un problema que no se solucionar. Mi documento tiene varias div, la principal es "wrapper", dentro de esta tengo otra div que es ...
  #1 (permalink)  
Antiguo 01/05/2011, 06:53
 
Fecha de Ingreso: mayo-2011
Mensajes: 72
Antigüedad: 6 años, 7 meses
Puntos: 1
Border bottom de una div me aparece en top

Hola, tengo un problema que no se solucionar.
Mi documento tiene varias div, la principal es "wrapper", dentro de esta tengo otra div que es "navigationmenu" y dentro el "navigationmenu" un unorderlist.

Mi problema es que cuando intento poner un borde en la parte baja de la unorderlist del navigationmenu me sale en la parte alta.

El código css es este:

#navigationmenu ul{
margin:0px;
padding:0px;
line-height:30px;
border-bottom:5px #0F0 solid;
}
  #2 (permalink)  
Antiguo 01/05/2011, 17:30
 
Fecha de Ingreso: abril-2011
Mensajes: 47
Antigüedad: 6 años, 8 meses
Puntos: 13
Respuesta: Border bottom de una div me aparece en top

Necesitamos todo tu html y css código para responder tu pregunta.
  #3 (permalink)  
Antiguo 01/05/2011, 21:18
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Border bottom de una div me aparece en top

O al menos un enlace.
Saludos y bienvenido
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 03/05/2011, 06:56
 
Fecha de Ingreso: mayo-2011
Mensajes: 72
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Border bottom de una div me aparece en top

Al final solucioné ese tema poniendo la unorderlist dentro de una div y el border bottom se lo pongo a esa div.

Ahora me surge otro problemilla, no logro que al pasar el ratón por encima de los li de la ul me cambie el color de fondo de los li y además me muestre los elementos que cada li tiene asignado en una ul.

Os pongo el código:

Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Agente-Home</title>
<
link href="MainStyle.css" rel="stylesheet" type="text/css" />
<
style type="text/css">
body {
}
</
style>
<
link href="navigationmenu.css" rel="stylesheet" type="text/css" />
</
head>

<
body>
<
div id="wrapper">

   <
div id="headerdiv">
        <
top header>
            <
h1>Cabecero agente</h1>
        </
top header>
    </
div>
    


  <
div id="navigationmenu">

    <
ul>
          <
li><a href="#">Seguros de Coche</a>
                  <
ul>
                    <
li><a href="#">P&#243;liza Básica</a></li>
                    
<li><a href="#">P&#243;liza 7</a></li>
                    
<li><a href="#">Nueva P&#243;liza 10</a></li>
                    
<li><a href="#">P&#243;liza Líder</a></li>
                    
<li><a href="#">P&#243;liza todo riesgo 100</a></li>
                
</ul><!--end Seguros de Coche list--->
      </
li>
          <
li>Seguros de Moto</li>   
          <
li>Seguros Generales</li>
             <
li>Seguros de Salud</li>
             <
li>Seguros de Vida</li>
             <
li>Productos Bancarios        <!--end wrapper---></li>
        </
ul>
  </
div>
</
div
</
body



Y el css:


Código PHP:
@charset "utf-8";

#headerdiv{
    
margin:0;
    
padding:0;
    
height:200px;
    
background-color:#06F;
}

#navigationmenu {
    
margin:0px;
    
padding:0px;
    
height:30px;
    
background-color:#F00;
    
border-bottom:#999 solid;
}

#navigationmenu ul{
    
    
margin:0px;
    
padding:0px;
    
line-height:30px;
}


#navigationmenu li{
    
margin:0;
    
padding:0;
    
display:inline;
    
float:left;
    
position:relative;
    
margin:0px 10px;
}

#navigationmenu li:hover{
    
backgorund-color:#FFF;
}

#navigationmenu ul ul a:hover{
    
text-decoration:none;
    
color:#000;
}


#navigatiomenu li a{
    
text-align:center;
    
text-decoration:none
    
height:30px
    
width:150px
    
display:block;
}

#navigationmenu ul ul{
    
position:absolute;
    
visibility:hidden;
    
top:30px;    
 }
 
#navigationmenu ul a:hover{
    
visibility:visible;
    
background-color:#F00;
}
</
code
  #5 (permalink)  
Antiguo 03/05/2011, 09:41
 
Fecha de Ingreso: abril-2011
Mensajes: 47
Antigüedad: 6 años, 8 meses
Puntos: 13
Respuesta: Border bottom de una div me aparece en top

Tal vez puedes encontart ayuada aqui:
http://www.forosdelweb.com/f53/menu-3-niveles-908912/

Es sobre una navigación con 3 niveles pero no necesitas usar el tercer nivel.
  #6 (permalink)  
Antiguo 03/05/2011, 17:05
 
Fecha de Ingreso: mayo-2011
Mensajes: 72
Antigüedad: 6 años, 7 meses
Puntos: 1
Respuesta: Border bottom de una div me aparece en top

He mirado el hilo pero no he logrado solucionar mi problema, alguien me podría poner un ejemplo adaptando la info de se hilo a mi código css?
Muchas gracias
  #7 (permalink)  
Antiguo 04/05/2011, 10:58
 
Fecha de Ingreso: abril-2011
Mensajes: 47
Antigüedad: 6 años, 8 meses
Puntos: 13
Respuesta: Border bottom de una div me aparece en top

cambia "#navigationmenu ul ul a:hover" por "#navigationmenu ul li:hover ul"

cambia "#navigationmenu ul ul" por "#navigationmenu ul li ul"

En "#navigationmenu ul li ul" tienes "visibility:hidden", por eso necesitas "visibility: visible" en "#navigationmenu ul li:hover ul"
  #8 (permalink)  
Antiguo 10/09/2011, 07:20
Avatar de bananabalance  
Fecha de Ingreso: julio-2011
Ubicación: Madrid
Mensajes: 51
Antigüedad: 6 años, 5 meses
Puntos: 11
Respuesta: Border bottom de una div me aparece en top

Cita:
Iniciado por Jor1980 Ver Mensaje
He mirado el hilo pero no he logrado solucionar mi problema, alguien me podría poner un ejemplo adaptando la info de se hilo a mi código css?
Muchas gracias
Solucionaste el problema Jor1980? tengo un problema similar.
__________________
Posicionamiento Web en buscadores
Los Chocolates te apasionan!!!

Etiquetas: border, bottom, top
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 04:41.