Hola a todos.
Bueno mi duda es la siguiente:
es que tengo dos archivo php llamados index.php y uno.php les asigne la misma hoja de estilos cuando veo index.php se ve bien pero cuando pongo un enlace hacia uno.php no se le aplica ningun estilo y solo se ve el contenido html y php pero nada de css.
Bueno espero que me puedan ayudar.
Saludos.
Drewermerc.
Pon el código de lo que llevas hecho para entenderte mejor.
perdon aqui coloco los codigos:
lo que contienen los dos archivo php
<!DOCTYPE html PUBLIC "-//W3C//DTD// XHTML 1.0 Strict//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title> uno</title>
<meta name="description" content="pagina de prueba" />
<meta name="keywords" content="uno, dos, tres"/>
<meta name="language" content="es" />
<meta http-equiv="Content-Type" content="text/html: charset=iso-8895-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta rel="StyleSheet" type="text/css" href="css/style.css" media="screen" />
<meta rel="StyleSheet" type="text/css" href="css/principal.css" media="screen" />
<meta rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
</head>
<body>
<div id="wrapped-main">
<div id="wrapped">
<div id="title">
<img id="img-title" src="titulo.jpg" title="abcd"></img>
</div>
<div id="menu">
<ul >
<li id="activo"><a href="#" >h</a></li>
<li><a href="#" >h</a></li>
<li><a href="acercade.php" >Acerca de</a></li>
</ul>
</div>
<div id="content-wrapped">
<?php
include ('aplicacion.php');
?>
</div>
</div>
</div>
</body>
</html>
contenido css:
body{
font-family: Arial, Sans-serif;
font-size: 13px;
color: #fff;
margin: 0px;
padding: 0px;
background-color: #d3e5f1;
}
#wrapped-main{
position: relative;
width: 900px;
height: 1000px;
margin: 0px auto 0px;
padding: 0px;
}
#title{
height: 200px;
}
#img-title:hover{
}
div{
display: block;
}
/*Estilos de la barra de menus*/
#menu {
width: 900px;
height: 50px;
margin: 0;
padding: 0;
background-color: #d3e5f1;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu ul li {
display: inline;
margin: 0px;
}
#menu ul li a {
height:33px;
display: block;
float: left;
padding: 17px 15px 0 15px;
font: bold 20px Arial;
color: #000;
text-decoration: none;
background: url("images/menu-separador.jpg") no-repeat right center;
}
#menu ul li a:hover {
color:#000;
background: url("images/menu-hover.jpg") repeat-x left top;
}
#menu ul li#activo a {
color:#000;
background: url("images/menu-hover.jpg") repeat-x left top;
}
Bueno espero que me puedan ayudar.
<meta rel="StyleSheet" type="text/css" href="css/style.css" media="screen" />
<meta rel="StyleSheet" type="text/css" href="css/principal.css" media="screen" />
La etiqueta debe ser link no meta.
http://www.w3schools.com/tags/tag_link.asp
si es cierto MinusFour se me habia olvidado eso muchas gracias ya quedo.
edito: por cierto muchas gracias por la informacion.
Saludos.
Drewermerc.