Codigo de un Archivo CSS dentro de Otra, Se puede???

chovi · 2 Mar 2011, 23:22 · Solicitar retirada

Hola, QTal?? Espero y haya una pronta respuesta como lo he tenido las veces q he preguntado ahhy GRACIAS al ForO.
=========================================
....Mi Duda está en que ya he creado un TABLA con CSS, funciana Bien, y necesito que esa Tabla esté en una página externa de HTML que de Igual manera Tiene CSS, hé Copiado el COdigo de la Tabla.CSS al de la otro archivo CSS del archivo HTML, donde quiero que este la tabla con Estilos, pero nada!!
.....ayuda por fa!!!

Yaneth · 5 Mar 2011, 06:36 · Solicitar retirada

es que algunos css se heredan
y por eso se descuadra

lo que puedes hacer es, insertar otra hoja de estilos en el html en cuestion
tal vez te funcione

ya tienes un
<link rel xxxxxxxxxxxxx
debajo puedes poner otro con la otra hoja de estilos

saludos

chovi · 7 Mar 2011, 19:10 · Solicitar retirada

GRACIAS Neuvamnte Janeth

Yaneth escribió:es que algunos css se heredan
y por eso se descuadra

lo que puedes hacer es, insertar otra hoja de estilos en el html en cuestion
tal vez te funcione

ya tienes un
<link rel xxxxxxxxxxxxx
debajo puedes poner otro con la otra hoja de estilos

saludos

....Ya listo, y SI FUNCIONÓ!!! aOra tngo un problemita con los Divs, xq la Tabla se SObrepone encima del DIV EncabezadO!!! o Lo manda hasta el FOndo debajo del Div PIE, pero estoy en esO!!!
GRACIAS!!!!!!!!!

JorGens · 7 Mar 2011, 19:13 · Solicitar retirada

Rodea la tabla dentro de un nuevo div y asi le puedes indicar mas facilmente lo que quieras, posicion, tamaño, etc.

Un abrazo!

chovi · 9 Mar 2011, 18:20 · Solicitar retirada

..que tal Jorgens_CCTW mira ya he colocado un nuevo div "Tabla" dentro del Div "Contenido" donde quiero que esté la tabla!!! para hacer pruebas le puse texto simple dentro del nuevo div, y sí encaja osea, se ajusta el div dnetro del div "contenido"!!! pero Cuando le pongo el Codigo html de la tabla dentro del DIV con Css externo, la Tabla se pone encima del div "Pie".
EL Coígo del Archivo CSS

#contenido{float:right;
width: 100%;
height:auto;
border:2px solid black;
margin:0;
color:#000;
/* background:color:#eee; */
background:url('iconos/pink.png')repeat-y;
}

#thetable{float:right;
width:97%;
height:auto;
margin:0;
color:#00a5f0;
background:color:#eee;
border: 2px solid #fa0;
text-align: center;
/* font-size:11px;
line-height:4px; */
/* background:url('iconos/pink.png')repeat-y; */
position:static;
}

#pie{float:right;
width:100%;
height:auto;
margin:0;
color:#00a5f0;
background:color:#eee;
border: 2px solid #f00;
text-align: center;
font-size:11px;
line-height:4px;
background:url('iconos/pink.png')repeat-y;
}

el Codigo del Archivo html

<html>
<head>
<title>Materiales Online</title>
<link href="Structura.css" rel="StyleSheet" type="text/css">
<link href="table/tabla.css" rel="StyleSheet" type="text/css">
</head>
<body>
<div id="head">
<IMG src="imgns/head.jpg">
<p align="center"><h1>   ...Tu tienda Online!</h1></p>
</div>

<div id="banner">
<marquee behavior="alternate"> <img src="imgns/citrix1.png" width="25em" height="9em" alt="««Banner»»"> </marquee>
</div>

<div id="contenido">
<hr><hr>
<H1>Productos básicos</H1><br>

<div id="thetable">
<table summary="Submitted table designs">
<caption>Catálogo de Productos</caption>
<thead>
<tr>
<th scope="col"></th>
<th scope="col"></th>
<th scope="col"></th>
<th scope="col"></th>
<th scope="col"></th>
</tr>
</thead>
<tfoot>
<tr>
<th scope="row">Total</th>
<td colspan="4">0 ProductOs</td>
</tr>
</tfoot>
<tbody>
<tr >
....
</div>

<p aling="right"><a href="#">Volver al principio de la página</a></p>
<hr><hr>
</div>

<div id="pie">
<p>Tienda de Materiales Online</p>
<p>www.dominio.com    Tel.000-00-00   Mérida,Yucatán.</p>
</div>
</body>
</html>

GRACIASSS!!!!!

chovi · 9 Mar 2011, 22:39 · Solicitar retirada

RESUELTOOOO :P
Dspues d eun buen Rato, d eprobar y probar, se me Ocurrio una Leída profunda al CódigO!! y me encontre el problema: Flatba la Etiqueta </table> :-S
Toncs el Código kedaria asiii:
==================================================================
<html>
<head>
<title>Materiales Online</title>
<link href="Structura.css" rel="StyleSheet" type="text/css">
<link href="table/tabla.css" rel="StyleSheet" type="text/css">
</head>
<body>
<div id="head">CódigO</div>
<div id="banner">CódigO</div>
<div id="contenido">

<div id="thetable">
<table summary="etc......">
<caption>Catálogo de Productos</caption>
<thead>
<tr><th scope="col">[Opciones d eCodigO]</th> </tr>
</thead>
<tfoot>
<tr>
<th scope="row">Total</th>
<td colspan="x">0 ProductOs</td>
</tr>
</tfoot>
<tbody>
<tr >
</tbody>
</table>
</div>
</div>
<div id="pie">
<p>Tienda de Materiales Online</p>
</div>
</body>
</html>

asi sq UnO mas SolucionadO!!! Código CSS y la Tabla Con CSS en archivos Diferentes dentro del Mismo CodigO HTMl FUNCIONANDO!!!! (Y)
---------_Tengo una Duda Externa---- Cmo insertO el CódigO?? anteriormnte habia una opcion para acer esO! aOra no la encuentrO!! ....GRACIASSSS!!!!

JorGens · 9 Mar 2011, 22:48 · Solicitar retirada

Genial!

A qué te refires con cómo inserto el códig? No entiendo.

Revisa las lecciones con tablas de CCTW. La estructura que usas para las tablas creo que está algo anticuada. Yo me limitaría a usar para hacer tablas las etiquetas, <table>, <td> y <tr>. El resto son obsoletas y te podrían dar problemas en algunos navegadores.

Por otro lado, si añades esta línea dentro del head:

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

Puedes escribir acentos directamente dentro del html sin necesidad de poner á enlugar de á, etc.

Un abrazo!

chovi · 10 Mar 2011, 16:08 · Solicitar retirada

Gracias Nuevamnte!!! por lo del Meta!! me ha Servido de mucho conlos &_acute; jejejjejejje era un detallito q no sabía!! :P
...y lo del Código, mmmmmm creo q anteriormnte habia una opcion en el que Qando copiabas el Código desde otro archivo lo podiías "pegar" en una pequeña seccion en el Cual el código queda Igual de Tabulado cmo en el Archivo al publicarlo en el Foro!! :D