Busca Preguntas
2 estilos CSS en una pagina PHP?
Konquian - 2007-04-06 15:37:39 - Programming Design
Tengo dos paginas: index.php y contenido.php. Dentro de index.php tengo una tabla con tres filas, en una de ellas llamo a contenido.php a traves de un "PHP include". Index.php tiene un fondo blanco, y contenido.php tiene una imagen de fondo oscura, por lo que el texto seria blanco al igual que los vinculos claros. Ya hice para las dos paginas los estilos CSS, para el index.php puse texto negro con vinculos azules fuerte. y para contenido.php puse texto blanco con vinculos color azul muy claro. El caso esta en que al subirla al servidor y probarla, me pone a toda la pagina el estilo de contenido.php. o sea con vinculos azules claro, obviamente en index.php como el fondo es blanco pues no se ven los vinculos, pero no se por que haga esto, que necesito hacer para que cada pagina tenga su estilo sin que al llamarla desde un "php include" esta se modifique, o todo tome solo un estilo. Por ejemplo, si tengo 5 paginas con diferentes estilos y las llamo desde otra, me toma solo uno.
Mejor Respuesta:
Claro, porque al usar el include el nuevo CSS sobreescribe al anterior, es decir, si redefines p en contenido css, lo va a sobreescribir. Lo mejor es que le des un nombre al interior de la hoja que llamas, por ejemplo, contenido.php puede tener: <div id="contenido"> <p>Contenido de la página contenido.php</p> </div> y haces el css con las reglas ajustadas para que se apliquen sólo a ese div: #contenido { color: #fff; } #contenido a { color: #fff; } etc.
Respuestas:
rb3m - 2007-04-06 18:22:25
Claro, porque al usar el include el nuevo CSS sobreescribe al anterior, es decir, si redefines p en contenido css, lo va a sobreescribir.
Lo mejor es que le des un nombre al interior de la hoja que llamas, por ejemplo, contenido.php puede tener:
<div id="contenido">
<p>Contenido de la página contenido.php</p>
</div>
y haces el css con las reglas ajustadas para que se apliquen sólo a ese div:
#contenido { color: #fff; }
#contenido a { color: #fff; }
etc.
Pakito - 2007-04-07 08:08:23
Tambien lo q podes hacer es usar clases en el css y definirlas en el body, ejemplo:
archivo css:
Clase1.colorFondo {
}
Clase1.ColorFuenta {
}
y asi con el otro archivo css pero con otro nombre de clase.
En el doby de cada pagina tenes q declarar el css y la clase corrrespondiente.
<Body class=Clase1>
<Body class=Clase2>
no me acuerdo bien el codigo pero es algo asi.
Saludos
 |
||
© 2007 proginternet.com
|
