Internet Explorer no incorpora las CSS

superdit · #1 (**permalink**) 01/02/2011, 11:55

Pues eso, que en FF, Safari y Chrome las pilla bien, pero en IE sólo pilla las del body...

Estos son los códigos:

Código PHP:

 
<html> 
<head> 
   <link rel="stylesheet" type="text/css" href="estilos.css">
   <title>Banco de Imagenes de Puerto Sherry</title> 
  
   </head>

<body>
<center>
    <img src="/puerto/Imagenesjorge/logos/Logo%20PSHERRY.png"  width="250"  />
        <br><br><br>

    <titulo>WEB DE TRABAJO DEL BANCO DE IMAGENES DE PUERTO SHERRY</titulo>
    <br><br><br>
</center>
<?php
 $pagina="inicio";    
    
 echo"<BR>";

include("botones.php");
    
?>
</body>
</html>

las css:

Código:

  body{
	  background-color: #A6C7E6;
	  font-family:Arial, Helvetica, sans-serif;
	  color:#FFF;
  }
	   
  titulo{
	 font-size:25px;
	 font-weight:bold;
  }
    
  enlace{
	  font-size:36px;
  }
    
  boton{
	  background-color:#000066;
	  border: medium solid #ffffff;
	  width:90px;
	  padding:3px;
	  margin:3px;
	  font-size:18px;
	  font-weight:bold;
  }

Muchas gracias

ArturoGallegos · #2 (**permalink**) 01/02/2011, 13:04

seguro que FF, Safari y Chrome detectan bien todo?

difícil de creer... la razón por la que no te funciona es por que titulo, enlace, boton no son propiedades css

para los títulos se usa h1 hasta h6, para los enlaces a:link,a:active,a:visited,a:hover
para los botones mmm pues depende como los hagas podría ser con input [type="button"] o asignarle una clase

tu css debería quedar por ejemplo

Código CSS:

Ver originalbody{
  background-color: #A6C7E6;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFF;
}
   
h1,h2,h3,h4,h5,h6{
 font-size:25px;
 font-weight:bold;
}
/*para navegadores modernos basta con la letra a y engloba las cuatro modalidades, para navegadores viejos las colocamos por separado*/
a,a:link,a:active,a:visited,a:hover{
  font-size:36px;
}
 
input[type="button"]{
  background-color:#000066;
  border: medium solid #ffffff;
  width:90px;
  padding:3px;
  margin:3px;
  font-size:18px;
  font-weight:bold;
}

jomaruro · #3 (**permalink**) 01/02/2011, 17:38

Hola:

Código:

<img src="/puerto/Imagenesjorge/logos/Logo%20PSHERRY.png"  width="250"  />

Además de que no es conveniente utilizar caracteres extraños (acentos, ñ, espacios en blanco) en los nombre de los archivos ni en las rutas.

Saludos.

alexk · #4 (**permalink**) 01/02/2011, 20:51

Si que le funciona, ya que estos navegadores lo interpretarian nativamente como si de HTML5 se tratase XD... pero bueno
envez de: <titulo>
trata con <div class="titulo"> (.titulo) o bien <div id="titulo"> (#titulo)

pasate por este sitio para mas info
http://librosweb.es/