Cómo usar el atributo "float" para alinear iframes

Escrito por leonardo r. grabkowski | Traducido por pau epel
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo usar el atributo "float" para alinear iframes
Puedes usar el atributo float de CSS para alinear elementos HTML a la izquierda o derecha en el código. (Comstock/Comstock/Getty Images)

El atributo "float" de CSS funciona de manera similar al atributo "align" de HTML. Si has embebido un objeto dentro de un iframe, puedes usar el atributo float de CSS (Hojas de Estilo en Cascada, por sus siglas en inglés) para alinear una imagen, marco o elemento a la izquierda o derecha. Los atributos de CSS no son específicos para iframes; puedes usarlos para dar estilo a casi cualquier código. El atributo float no soporta el centrado de forma inherente. La etiqueta iframe se usa para embeber códigos de otras páginas web. Tal vez necesites usarla para insertar un botón "Me gusta" de Facebook u otros elementos web.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Abre el documento web o archivo que contiene el iframe, para acceder al código de este.

  2. 2

    Escribe el siguiente código entre las etiquetas de apertura y cierre:

    style="float:right"

  3. 3

    Examina el código del iframe para verificar que la sintaxis sea correcta. El código completo debe ser algo parecido a esto:

    <iframe src="/default.asp" width="200" height="200" style="float:right">texto o código personalizado</iframe>

  4. 4

    Cambia el valor "float" a "left" si prefieres alinear la imagen a la izquierda en lugar de que esté a la derecha. Guarda los cambios en el documento web o archivo.

Consejos y advertencias

  • Si vas a usar un sistema de gestión de contenidos como WordPress, Joomla! o Drupal, necesitarás acceder a los archivos del servidor para abrir el documento web que contiene el iframe.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles