Código HTML:
<!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> <title>Untitled Document</title> <link type="text/css" href="css.css" rel="stylesheet" /> </head> <body> <div id="contenedor"> <div id="encabezado_pagina">encabezado</div> <div id="menu"> <ul> <li><a href="#">Inicio</a></li> <li><a href="#">Quienes somos</a></li> <li><a href="#">Servicios</a></li> <li><a href="#">Tips</a></li> <li><a href="#">Contacto</a></li> </ul> </div> <div id="columna_izquierda">colunma izquierda <div id="menuv"><ul> <li><a href="#" title="Enlace genérico">Casas</a></li> <li><a href="#" title="Enlace genérico">Departamentos </a></li> <li><a href="#" title="Enlace genérico">Terrenos</a></li> <li><a href="#" title="Enlace genérico">Ranchos</a></li> <li><a href="#" title="Enlace genérico">Atotomoviles</a></li> <li><a href="#" title="Enlace genérico">Varios</a></li> </ul></div> </div> <div id="columna_derecha">columna derecha</div> <br style="clear:both;"> <div id="pie_pagina"> <p>InmobiliariaTlaxcala.com.mx</p> <p>Prolongación Díaz Varela Núm. 19 Altos,</p> <p>Col. Industrial Buenos Aires, Santa Ana Chiautempan Tlax. </p> <p>Tel: (01246) 246-4-63-51- 49, 246-1-44-10-51 y 246-1-44-19-66.</p> <p>Mail. <a href="http://www.inmobiliariatlaxcala.com.mx/aspemail_txt.asp">[email protected]</a> y <a href="http://www.inmobiliariatlaxcala.com.mx/aspemail_txt.asp">[email protected]</a></p> </div> </div> </body> </html>
Cita:
el problema radica es que en el menu que esta en la parte de la columna de la izquierda no lo pinta de verder y no le quita el punto a las listas, perdon pero soy nuevo en css y no se como hacerlo alguna sugerencia /* CSS Document */
{
margin:0;
}
#contenedor {
width:900px;
height:auto;
margin:auto;
border:1px solid #aaaaaa;
border-color:#FF0000;
}
#encabezado_pagina{
height:120px;
background-color:#FFCC33;
marker-offset:inherit;
}
/*inicio menu horizontal*/
#menu ul {
padding: 0px;/*anchura del relleno*/
margin: 0px;/*establezco el borde*/
background-image:url(fondo/fondo_menu.gif);/*estableco la imagen de fondo*/
background-repeat:repeat;/*determino el tipo de repeticion del fondo*/
background-position: 0 0; /*posiocion de img 0 arriba o derecha*/
background-color: #333;/*estable el fondo para el menu*/
list-style: none;/*quito el puntito de la lista*/
font-size: 14px;/*establezco el tamaño de letra*/
font-weight: bold;/*determino el glosor de la leta*/
width: 100%;/*determino el ancho de la caja*/
height: 30px;/*determino el alto de la caja*/
float: left;/*determino a que lugar va a flotar la caja en este caso a la derecha*/
}
#menu ul li {
display: inline;/*convierto el menu en linea horizontal*/
}
#menu ul li a:link, #menu ul li a:visited {
background-image:url(fondo/fondo_menu.gif);
background-repeat:repeat;
background-position:0 0;
/*background-color: #333;establezco fondo para el menu*/
color: #FFF;/*determino el color para los elementos*/
padding: 5px 15px;/*determino un esp. sup. y derecho de 5px*/
float: left;/*determino la posicion del cuadro*/
text-decoration: none;/*quito la decoracion*/
}
#menu ul li a:hover, #menu ul li a:active{
color: #900;/*color de texto*/
background-position: 0 -30px;
background-color: #CCC;/*color de fondo*/
height: 20px/*alto*/
}
/*columna inquierad*/
#columna_izquierda{
width:200px;
border:1px solid #aaaaaa;
height:300px;
float:left;
}
#contenedor #columna_izquierda #menuv{
padding:0;
width:200px;
height:auto;
float:left;
background-color:#00FF33;
}
#contenedor #columna_izquierda #menuv li{
list-style:none;
}
/*columna de la derecha*/
#columna_derecha{
width:690px;
border:1px solid #aaaaaa;
height:300px;
float:right;
}
#pie_pagina{
padding:1px;
width:900px;
height:85px;
font-size:14px;
font-family:"Trebuchet MS";
line-height:0px;
text-align:center;
font:bold;
border-top: 1px #FF0000;
border-top-style:solid;
}
{
margin:0;
}
#contenedor {
width:900px;
height:auto;
margin:auto;
border:1px solid #aaaaaa;
border-color:#FF0000;
}
#encabezado_pagina{
height:120px;
background-color:#FFCC33;
marker-offset:inherit;
}
/*inicio menu horizontal*/
#menu ul {
padding: 0px;/*anchura del relleno*/
margin: 0px;/*establezco el borde*/
background-image:url(fondo/fondo_menu.gif);/*estableco la imagen de fondo*/
background-repeat:repeat;/*determino el tipo de repeticion del fondo*/
background-position: 0 0; /*posiocion de img 0 arriba o derecha*/
background-color: #333;/*estable el fondo para el menu*/
list-style: none;/*quito el puntito de la lista*/
font-size: 14px;/*establezco el tamaño de letra*/
font-weight: bold;/*determino el glosor de la leta*/
width: 100%;/*determino el ancho de la caja*/
height: 30px;/*determino el alto de la caja*/
float: left;/*determino a que lugar va a flotar la caja en este caso a la derecha*/
}
#menu ul li {
display: inline;/*convierto el menu en linea horizontal*/
}
#menu ul li a:link, #menu ul li a:visited {
background-image:url(fondo/fondo_menu.gif);
background-repeat:repeat;
background-position:0 0;
/*background-color: #333;establezco fondo para el menu*/
color: #FFF;/*determino el color para los elementos*/
padding: 5px 15px;/*determino un esp. sup. y derecho de 5px*/
float: left;/*determino la posicion del cuadro*/
text-decoration: none;/*quito la decoracion*/
}
#menu ul li a:hover, #menu ul li a:active{
color: #900;/*color de texto*/
background-position: 0 -30px;
background-color: #CCC;/*color de fondo*/
height: 20px/*alto*/
}
/*columna inquierad*/
#columna_izquierda{
width:200px;
border:1px solid #aaaaaa;
height:300px;
float:left;
}
#contenedor #columna_izquierda #menuv{
padding:0;
width:200px;
height:auto;
float:left;
background-color:#00FF33;
}
#contenedor #columna_izquierda #menuv li{
list-style:none;
}
/*columna de la derecha*/
#columna_derecha{
width:690px;
border:1px solid #aaaaaa;
height:300px;
float:right;
}
#pie_pagina{
padding:1px;
width:900px;
height:85px;
font-size:14px;
font-family:"Trebuchet MS";
line-height:0px;
text-align:center;
font:bold;
border-top: 1px #FF0000;
border-top-style:solid;
}