Tecnología

Inicio

Cómo bloquear CSS afecte iFrame

Cómo bloquear CSS afecte iFrame


Si utiliza hojas de estilo en cascada (CSS) para el diseño de su sitio web y usted tiene un iFrame o marco en línea, en su página, el marco flotante tiene el potencial para heredar las reglas de estilo de CSS. A menudo, el estilo no es deseado, ya que muestra el marco con una característica no deseada tal como una frontera. Además, si su iFrame contiene elementos de Lenguaje de marcado de hipertexto (HTML), como un párrafo, el texto tiene el potencial para adoptar los estilos CSS. Para detener esto, añada las reglas de estilo directamente a su código iFrame para bloquear el original de CSS afecte a su iFrame.

Instrucciones

1 Inicie su programa editor de texto y abra el documento que contiene la página web iFrame.

2 Busque el código iFrame en el código HTML. Un marco flotante típica tiene el siguiente ejemplo:
<Iframe src = "URL de la página web" width = altura "300px" = "400px">
<P> Su contenido. </ P>
</ Iframe>

3 Coloque el cursor dentro de la etiqueta iframe. "Style =" tipo dentro de los corchetes, entrar en un par de comillas y escriba el atributo que desea seguido de dos puntos y el valor deseado dentro de las citas. Por ejemplo, para bloquear un borde que aparece alrededor de la ventana de marco flotante, tipo "border: none" de esta manera:
<Iframe estilo = "border: none">

4 Coloque el cursor dentro del elemento HTML, como <p>, que está siendo afectada por el CSS actual. reglas CSS comunes que afectan a los elementos HTML en su iFrame incluyen el tamaño de fuente y color. Tipo "font-size:;" y "color:" dentro del elemento e introduzca los valores deseados después de cada atributo de este modo:
<P style = "font-size: 12px; color: negro">

5 Guarde el documento y una vista previa en un navegador para ver los cambios. Cuando esté listo, subir el archivo a su servidor web para que el iFrame modificado en vivo por Internet.

Consejos y advertencias

  • El atributo en unos nombres de las reglas de estilo CSS la propiedad particular, como el color, que son el estilo. El valor del atributo es la característica específica, como el azul, va a asignar a la propiedad.
  • Si su iFrame no se carga, los elementos HTML, como párrafos, que abarcan en el código iFrame aparecen en lugar de la trama.

Artículos relacionados