Proque Pasa?

RollBack · #1 (**permalink**) 03/01/2005, 15:27

Hola, porque pasa que algunas paaginas no toman la hoja de estilo?

Hay algo que se debe poner en especial?

PatomaS · #2 (**permalink**) 03/01/2005, 16:10

Hola

Eso que dices ha sonado muy raro.

¿a qué te refieres con que no toman la hoja de estilo?

¿podrías ponernos un ejemplo?

Felicidad

RollBack · #3 (**permalink**) 04/01/2005, 02:37

Hola, muchas veces me pasa que la pagina mientras la hago no toma el estilo de la hoja CSS, pero tambien pasa que cuando las ves desde el navegador , hay veces que no toman los estilos.

Como ejemplo...........no se que darles, es raro esto, pero vean algo, si yo quito esto :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

de la pagina, esta toma el estilo bien, pero es raro, porque si luego lo pongo, suele tomarlo o no.

Es un problema "flash" digamos, hay veces que esta todo bien y otras debo sacar lo que puse arriba.

Que sera?, porque mi cliente tambien me informa que la pagina aparece sin estilo...entonces descarto que sea mi navegador o mi dreamweaver.

Alguna idea?

JavierB · #4 (**permalink**) 04/01/2005, 04:44

Hola RollBack

Pon el código Css que estás usando a ver si encontrarmos el fallo.

Saludos,

PatomaS · #5 (**permalink**) 04/01/2005, 05:53

Hola

BUeno, como ya te hemos dicho, pásanos un ejemplo para poder revisar el problema.

De todas maneras te diré, esta línea:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Es la que le indica al navegador en que lenguaje está hecho el documento que está procesando, así como la versión del lenguaje y las reglas con las que lo ha de procesar. Estos datos son universales y están estandarizados.

Cuando quitas esa línea de la página haces entrar al navegador en un estado llamado «quirk mode» o «modo inestable», en este modo, el navegador tratará de representar la página basado en las etiquetas que encuentrey cuado haya errores, los tratará de alguna manera que tú no puedes controlar, de igual manera el modo inestable de cada navegador es diferente, lo cual es uno de los motivos más comunes de las diferencias entre explorer y el respto de navegadores.

Bueno, quedamos a la espera de algún ejemplo de página para poderte ayudar más.

Felicidad

KnowDemon · #6 (**permalink**) 04/01/2005, 13:50

Si la misma página con exactamente la misma hoja de estilo la puedes ver en tu PC pero no la puedes ver en línea, el problema puede estar en que el servidor no "sirve" la hoja de estilo con el MIME correcto (Corríganme si me equivoco). Es decir, no le dice al navegador "que és".

Los compañeros del foro me dirán si lo que dije tiene sentido.

RollBack · #7 (**permalink**) 04/01/2005, 14:17

GRACIAS POR AYUDARME!!!, bueno, aca les paso mi hoja de estilos:

/* Documento */
body{
background-color: #000000;
color:#000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-left:5px;
padding-right:5px;
padding-top:3px;
padding-bottom:0px;
}

.sublinks {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ff0000;
text-decoration: none;
hover{ text-decoration: underline;
font-weight: bold;
}
a.sublinks:hover { text-decoration: underline; }

.sublinksblanco {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
text-decoration: none;
hover{ text-decoration: underline;
font-weight: bold;
}
a.sublinksblanco:hover { text-decoration: underline; }

table, img, tr, th, tbody, td{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
empty-cells: show;
border-collapse: collapse;
}

table.design{
width: 780px;
}

tr.top{
vertical-align: top;
}

tr.middle{
vertical-align: middle;
}

tr.bottom{
vertical-align: bottom;
}

td{
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

textarea{
color:#000000;
background-color: #F8F8F8;
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
}

hr{
height: 1px;
background-color: #6F6C6C;
color: #6C7B8C;
}

A, A:active, A:link, A:visited {
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
color:#000000;
}

A:hover{
text-decoration: underline;
color:#000000;
}

/* Estilos comunes */
table.tables{
width: 780px;
border: solid;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
border-width:thin;
text-align: center;
/*background-color:#999999;
/*border-color:#0000FF;*/
}

td.JobViews {
color: #000000;
text-align: left;
border: solid 1px #A0B0B9;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
}

.MenuButtons2{
background-image: url('imagenes/mundito.jpg');
background-repeat: no-repeat;
width: 113px;
text-align: left
}

.MenuText{
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color:#3A3F72;
padding-top: 4px;
text-align: center;
}

A.MenuText, A:link.MenuText, A:visited.MenuText, A:active.MenuText, A:hover.MenuText {
color:#3A3F72;
font-weight: bold;
text-decoration: none;
}

.HeaderGo{
margin-left:4px;
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color : #ffffff;
text-align: center;
border: 1px solid #ffffff;
width: 19px;
height: 16px;
color:#3A3F72;
}

.JobSiteInputLogin{
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
border: 0px;
width: auto;
height: 12px;
border: 1px solid #74848F;
background-color : #F8F8F8;
text-align: center;
color:#000000;
}

.JobSiteInputBig{
font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #3A3F72;
width: 177px;
height: 15px;
border: 1px solid #74848F;
background-color : #FFFFFF;
text-align: left;
}

.JobSiteInputSmall{

font-family: Tachoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
border: 0px;
background-color : #D4D8DE;
text-align: left;
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.rellenocelda {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: none;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.azul14 {
font-family: Arial, Helvetica, sans-serif;
color: #336699;
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

.leyendablanco {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #444444; line-height: 125%;
background-color: #FFFFFF; border: #003399; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.error {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ff0000; line-height: 125%; font-weight: bold;
background-color: #ffff00; border: #D1D7DC; border-style: none;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.boton{
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:white;
background:#638cb5;
border:0px;
width:70px;
height:15px;
}

.boton2{
font-size:10px;
font-family:Verdana,Helvetica;
font-weight:bold;
color:white;
background:#638cb5;
border:0px;
height:15px;
}

.inputtextotr {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: left;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
bgcolor:#666666;
background:transparent;
}

.feature{
padding: 0px 0px 0px 0px;
font-size: 100%;
}

.pad{
padding-left :10px;
}

PatomaS · #8 (**permalink**) 04/01/2005, 16:16

Hola

Ciertamente la opción que te emnciona KnowDemon podría ser, si fuese así, puede deberse a que no los estás llamando bien, revisa eso.

Buenos, veamos

Sobre el empty-cell, aquí te dejo la referencia le estás asignando valores inadecuados.

Aquí deberías cerrar el comentario:
/*background-color:#999999;

Del resto la hoja de estilos podría reducirse un poquito con algunos códigos que repites, pero eso no es un error, parece haberse hecho en varios días y sin un patrón definido o con varios editores, pero eso tampoco es un error.

No pareces estar usando códigos propietarios de nadie, es decir códigos que solo un navegador interprete bien.

Así que a menos que no estén bien aplicados en la página o la página tenga errores en su programación, debería funcionar todo bien.

Te diría que reviasas las rutas de los archivos y la llamada a la página en si.

Si puedes, déjanos la dirección donde se pueda ver la página.

RollBack · #9 (**permalink**) 04/01/2005, 16:56

La pagina es esta :
http://www.bancoscr.com/index2.htm
obviamente que esta en construccion ok!

GRACIAS DE NUEVO A TODOS!

PatomaS · #10 (**permalink**) 04/01/2005, 17:03

Hola

Lo primero que te diría, es que el:

Código:

<link href="estilo_principal.css" rel="stylesheet" type="text/css">

Y los <style> que tienes antes de la etiqueta <html>, lo metas dentro de l<head>, eso te ayudará.

Tienes 3 imágenes con una «h» de sobra como atributo, no es grave, pero puede ocasionar comportamiento erróneos:

Código:

<img hspace="2" src="foto_noticia/5.jpg" width="140" height="126" h>

Esto:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Debe ser la primera línea de la página.

Haz esos cambios a ver si la cosa mejora, si es así, nos avisas y si no es así, nos avisas también y la seguimos revisando.

Felicidad

RollBack · #11 (**permalink**) 04/01/2005, 23:29

ok, voy a hacer lo que me dices...........a ver que resulta y les cuento. MUCHAS GRACIAS!!!!!!!!