duda css

Iniciado por Drewermerc, 22 Julio 2014, 22:59 PM

0 Miembros y 1 Visitante están viendo este tema.

Drewermerc

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.

MinusFour

Pon el código de lo que llevas hecho para entenderte mejor.

Drewermerc

perdon aqui coloco los codigos:

lo que contienen los dos archivo php
Código (html4strict) [Seleccionar]

<!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:
Código (css) [Seleccionar]

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.

MinusFour

      
Código (HTML4Strict) [Seleccionar]
<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

Drewermerc

#4
si es cierto MinusFour se me habia olvidado eso muchas gracias ya quedo.
edito: por cierto muchas gracias por la informacion.
Saludos.
Drewermerc.