Iframes y css

PosProdukcion · #1 (**permalink**) 17/12/2004, 04:09

Hola.
Tengo una pagina html sencilla, con varios ... cada uno de ellos con un estilo css asociado (tipo de letra, etc.). Cuando la pre-visualizo en el navegador esta todo ok.

Esta pagina la uso dentro de otra dentro de un iframe. Esta otra tiene la misma hoja de estilo asociada, y usa diferentes clases dentro de la misma hoja.

A. El problema es que al ver la pagina completa en el navegador, los estilos css se ven bien en la pagina contenedora, pero dentro del iframe sale todo en TimesNewRoman grande (o sea, fuente por defecto).

Le puse:
Aqui el texto

Tambien probe con:
BlaBla

B. Ya de paso, si me pudieran decir cual de las dos formas es mejor...

C. Y por ultimo: el iframe lo meti "a mano", tecleando el codigo. ¿Existe algun control en Dreamweaver MX para trabajar con iframes?

Muchas gracias.

PatomaS · #2 (**permalink**) 17/12/2004, 04:22

Hola

Bueno, vayamos por partes entonces

;)

En principio, no debería haber ningún problema con lo que mencionas, así que para poderte ayudar mejor, sería bueno que nos dijera sel código css o que nos dejes ver la página en cuestión.

Y respondiendo alos puntos.

a. Revisa que no hayas usado una gerarquía de etiquetas errónea en las definición delos estilos.

b. Es mejor Aqui el texto

c. En DW tienes varias maneras:
c.1. Insertar > etiqueta... > Etiquetas html > Elementos de página > iframe
c.2 Insertar > Marcos > Marco flotante
Con ambas opciones te inserta la etiqueta <iframe>, luego las propiedades las vas poniendo con el asistente o totalmente a mano.

Suerte

Felicidad

PosProdukcion · #3 (**permalink**) 17/12/2004, 05:02

Pues aqui va el codigo de la hoja css,

en cuanto a lo de ver la pagina, aun no tengo alojamiento asi que no va a ser posible, para que te hagas una idea, la pagina contenedora esta basada en una plantilla DW, que tiene un menu dinamico, todo esto funciona bien tanto en la plantilla como en la pagina html. Este iframe esta en el centro de la pagina, algo asi como las noticias destacadas en el centro de la pagina y arriba el menu, como si fuera un frame superior pero basado en plantilla para no usar frames.

Muchas gracias:

.TextoMenu {

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFCC66;
}
a:hover {
font-weight: bold;
font-size: 12px;

}
.imagenFondo {
background-attachment: scroll;
background-repeat: no-repeat;
background-position: right top;
}
.TextoArea {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #000000;
background-color: #FFCC66;
cursor: text;
}
.TextoParrafo {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #000000;
cursor: text;
text-align: justify;

}
.TextoTituloParrafo {

font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #000000;
cursor: text;
}

PatomaS · #4 (**permalink**) 17/12/2004, 05:45

Hola

Pues así rpaidamente, parece estar bien. Si no tienes definido un estilo para los , debería verse bien. ¿estás seguro de que a la página del centro, le estás enlanzando e larchivo .css o le estás incluyendo el código en la página?.

Porque dado que el código parece estar bien, redundante en algunas cosas, per obien, solo veo que pueda fallar porque no tenga acceso a el; si estás poniendo los códigos css en cada documento, asegúrate de ponerlo en el que falla y si estás usando archivos .css, asegúrate de enlazarlo bien.

Felicidad

PosProdukcion · #5 (**permalink**) 20/12/2004, 07:17

Bueno, pues despues de mucho pelear creo que el problema puede estar en la definicion del sitio web en dreamweaver. He conseguido que el iframe aplica los estilos poniendo:

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

o bien

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

En vez de:

<link href="/hoja.css" rel="stylesheet" type="text/css">
o sea, no lo puedo hacer relativo a la raiz del sitio, sino relativo al fichero html, cosa que no me gusta nada.

¿Alguna idea para poder ponerlo relativo a la raiz? (creo que es lo mismo que decir absoluto, no?)

Muchas gracias.

PatomaS · #6 (**permalink**) 20/12/2004, 08:42

Hola

Ya me parecía, teniendo bien los códigos, el problema debía estar relacionado con la ruta.

Respecto a los vínculos de las hojas css y demás recursos utilizados con el «link», la especificación dice literalmente:

«The LINK element defines a relationship between the current document and another resource.»

Lo puedes revisar en esta página.

Es decir, las hojas de estilo, javascripts y demás recursos vinculados de forma similar siempre deben «buscarse» en relación a la posición del documento.

Felicidad

hromero · #7 (**permalink**) 12/09/2008, 15:19

Tu puedes colocar el archivo .ccs en el directorio raiz y obtener mediante la etiqueta "<link>" acceso a él. Sólo debes colocar los dos puntos (..) para conseguir el directorio anterior (Si es tu directorio raiz). Ejemplo:

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

juaniquillo · #8 (**permalink**) 12/09/2008, 17:37

este es un mensaje algo viejo.

JavierB · #9 (**permalink**) 13/09/2008, 03:17

El mensaje original es de hace más de 3 años. Por favor, no reviváis temas tan antiguos.

Saludos,