Foros del Web » Creando para Internet » CSS »

no me muestra los cambios al menu

Estas en el tema de no me muestra los cambios al menu en el foro de CSS en Foros del Web. bien resulta que tengo el siguiente codigo html 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 ...
  #1 (permalink)  
Antiguo 23/06/2011, 16:32
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 23
Antigüedad: 5 años, 7 meses
Puntos: 1
no me muestra los cambios al menu

bien resulta que tengo el siguiente codigo html
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&oacute;n D&iacute;az Varela N&uacute;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> 
y el siguiente css
Cita:
/* 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;
}
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

Última edición por microbiano; 23/06/2011 a las 16:33 Razón: cambiar codigo
  #2 (permalink)  
Antiguo 23/06/2011, 23:20
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 6 años, 5 meses
Puntos: 64
Respuesta: no me muestra los cambios al menu

probe tu codigo, y lo veo bien, borra el cache del navegador, seguro eso hace q no se actualicen tus cambios... saludos!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 24/06/2011, 16:50
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 23
Antigüedad: 5 años, 7 meses
Puntos: 1
Respuesta: no me muestra los cambios al menu

listo gracias ya quedo era la cache saludos.

Etiquetas: cambios, muestra
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 01:46.