Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/11/2008, 09:15
Avatar de sublime_style
sublime_style
 
Fecha de Ingreso: junio-2008
Mensajes: 69
Antigüedad: 15 años, 9 meses
Puntos: 1
Lio con @import

Hola compañeros!

No se si soy yo pero, no me parece haber echo nada mal. Pero no me reconoce el primer estilo que le doy, ej. ahora body no me toma los atributos css que le escribi, si lo cambio y lo pongo debajo de ul (por ej)
el que no me anda es ul.
Estoy maldito o hice algo mal?

Les muestro:

Código:
<style type="text/css" media="screen">@import url(styles.css);</style>
El archivo styles.css
Código:
<style>
	body{
		margin:0;
		background-image:url(img/backgrnd.jpg);
		background-repeat:repeat-x;
	}
	ul{
		padding: 0;
		margin: 0;
	}
	li{
		list-style: none;
		margin: 0;
		padding-left: 10px;
	}
	#frm_buscar{
		margin-top:15px;
		margin-bottom:15px;
		border-bottom:1px solid #CCCCCC;
		border-top:1px solid #CCCCCC;
	}
	#contenedor{
		position:absolute;
		width:750px;
		left:50%;
		margin-left:-375px;
		background-color:#FFFFFF;
		padding: 10px 10px 10px 10px;
		border-right: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;	
	}
	#cuerpo{
		display:inline;
		padding-left: 10px;
		padding-top: 0px;
		float:left;
		width:410px;
		margin-right:10px;
	}
	#menu_vert{
		display:inline;
		padding-top:10px;
		float:left;
		width:150px;
	}
	#menu_vert li{
		border-bottom :1px solid #CCCCCC;
		padding-top:10px;
		padding-bottom:10px;
		background-image:url(img/back_grade.gif); background-repeat:repeat;
	}
	#menu_vert li a:link, #menu_vert li a:visited, #menu_vert li  a:active{
		text-decoration:none;
		color: #000000;	
	}
	
	#menu_vert li a:hover{
		color:#FF9900;
	}
	
	#divisor{
		border-bottom: 1px solid #CCCCCC;
		width:100;
		margin-bottom:10px;
	}
	#img_izq {
		float:left;
		margin-right:5px;
		background-image:url(../img/kb_left.jpg)
		width:96;
		height:92; 
	}
	.estilo1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-top:5px;
	}
	.arial_menu{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
	}	
	.arial_encabezados{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFB66C;
		font-weight:bold;
	}
	.arial_verde{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#99CC33;
	}
	.arial_black{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#333333;
	}
	.titulo{
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		text-transform:capitalize;
		color:#8DB42C;
	}
	.texto{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#666666;
	}
	.texto_verde{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#8DB42C;
	}
	.print_datos{
		background-color:#F7F7F7;
		margin-bottom:10px;
		width:410px;
	}
	.HEADLINE{
		font-family:Georgia,serif;
		color:#4E443C;
		font-variant: small-caps; 
		text-transform: none; 
		font-weight: 100; 
		margin: 0;
	}
	.PARAGRAPH{
		font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		font-size: 14px;
		margin-top: .5em; 
		color: #666;
	}
	.PARAGRAPH_START{
		font-family:Georgia,serif;
		font-size: 14px;
		font-weight: bold;
		text-transform:uppercase;
		letter-spacing:2px; 
	}
	.FECHA{
		font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		font-size: 10px;
		font-weight: bold;
		text-transform:uppercase;
		letter-spacing:2px; 
		color:#999999;
		margin:0;
	}
	#img_contenedor{
		background-color:#F1EDCD;
		padding: 10px 10px 10px 10px;
		float:left;
	}
</style>