---
title: "iframe bredvid bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/184933-iframe-bredvid-bild"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Joaquin"
published: "2010-10-14T19:21:34.000Z"
updated: "2010-10-21T10:07:18.000Z"
replies: 5
views: 720
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/184933-iframe-bredvid-bild"
---

# iframe bredvid bild

## #1 — Joaquin, 2010-10-14T19:21Z

Jag har en bild som jag vill lägga på vänstersidan av en kolumn.
Till höger om den (middle) vill jag placera en liten iframe.

Lyckas inte få ihop det. Iframen lägger sig alltid på ny rad. Tips ?

Permalänk: https://www.webforum.nu/p/184933

## #2 — aron, 2010-10-14T21:06Z

Vad försöker du göra nu?

Använder du CSS? Float: Left?

Permalänk: https://www.webforum.nu/p/2256945

## #3 — Joaquin, 2010-10-18T10:16Z

Jag vill lägga en vanlig gif-bild sidan om en "gilla-knapp" från FB.
Denna får jag fram med ett färdigt script som använder just iframes.

Använder endast html utöver det färdiga scriptet.
Ser ut så här idag:

```
<img allowtransparency="true" scrolling="no" frameborder="0" width="100" src="images/banners/logo-facebook.gif" align="center" style="vertical-align: middle;" />
<p align=center><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe></p>
```

Permalänk: https://www.webforum.nu/p/2257204

## #4 — Danne V, 2010-10-18T11:14Z

> **[Joaquin skrev:](https://www.webforum.nu/p/1520129)**
>
> Jag vill lägga en vanlig gif-bild sidan om en "gilla-knapp" från FB.
> Denna får jag fram med ett färdigt script som använder just iframes.
> 
> Använder endast html utöver det färdiga scriptet.
> Ser ut så här idag:
> 
>
>
> ```
> <img allowtransparency="true" scrolling="no" frameborder="0" width="100" src="images/banners/logo-facebook.gif" align="center" style="vertical-align: middle;" />
> <p align=center><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe></p>
> ```

En p-tag startar alltid ett nytt stycke, därav den "nya raden". Lägg bara img-taggen innanför p-taggen så hamnar bilden och ramen på samma rad:

```
<p align=center><img allowtransparency="true" scrolling="no" frameborder="0" width="100" src="images/banners/logo-facebook.gif" align="center" style="vertical-align: middle;" /><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe></p>
```

Permalänk: https://www.webforum.nu/p/2257211

## #5 — Joaquin, 2010-10-18T12:02Z

Hjälper inte..ska se om bilder är för stor och därför bryter linjen, men det tror jag inte..

Edit: Nej, hjälpte inte.

Permalänk: https://www.webforum.nu/p/2257220

## #6 — Joaquin, 2010-10-21T10:07Z

Löste sig genom att helt enkelt minska bredden i iframe-koden  :r
Tackar.

Permalänk: https://www.webforum.nu/p/2257408

---

Tråden på webben: https://www.webforum.nu/amne/html-css/184933-iframe-bredvid-bild