---
title: "Olika align på bilder"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/130224-olika-align-på-bilder"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "wallabou"
published: "2005-06-18T00:15:39.000Z"
updated: "2005-06-19T12:55:22.000Z"
replies: 7
views: 315
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/javascript/130224-olika-align-på-bilder"
---

# Olika align på bilder

## #1 — wallabou, 2005-06-18T00:15Z

hej, skulle vilja ha olika align på vissa bilder beroende på webbläsare, tex om man kör firefox så ska dem ha align="top" medan i IE ska det vara align="absmiddle" har testat en del med javascript själv men inte fått till det så undrar om någon vet hur man skall gå till väga.

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

## #2 — Jesper T, 2005-06-19T10:20Z

```
<script type="text/javascript">
var align;
if(!document.all){
	align="top";
	}else{
	align="absmiddle"
};
document.write("<img src='bild.gif' align='"+ align +"' border='0'>");
</script>
```

 Något sådant här kanske.

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

## #3 — wallabou, 2005-06-19T12:06Z

> **Jesper T skrev:**
>
> ```
> <script type="text/javascript">
> var align;
> if(!document.all){
> 	align="top";
> 	}else{
> 	align="absmiddle"
> };
> document.write("<img src='bild.gif' align='"+ align +"' border='0'>");
> </script>
> ```
>
>  Något sådant här kanske.

verkar funka bra, men finns det något sätt så man inte kör document.write?

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

## #4 — zcorpan, 2005-06-19T12:28Z

```
<style type="text/css">
 img { vertical-align:top; }
</style>
<!--[if IE]>
<style type="text/css">
 img { vertical-align:middle; }
</style>
<![endif]-->
[...]
<img alt="..." src="...">
```

 JS behövs inte :)

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

## #5 — wallabou, 2005-06-19T12:33Z

Fast är ju inte på alla bilder jag vill ha det...

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

## #6 — @nders, 2005-06-19T12:41Z

Använd en specifik klass då.

```
<style type="text/css">
 .foo { vertical-align:top; }
</style>
<!--[if IE]>
<style type="text/css">
 .foo { vertical-align:middle; }
</style>
<![endif]-->
[...]
<img alt="..." src="..." class="foo">
```

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

## #7 — Okkido, 2005-06-19T12:42Z

Använd ett id eller en class. simple as that.

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

## #8 — missModesty, 2005-06-19T12:55Z

Ponera att du sätter class="upper" i img-taggen. Då skulle du kunna ha en lösning i stil med den här:

```
images = document.getElementByTagName("img");
for(var i = 0; i != images.length; i++) {
       if(images[i].class == "upper") {
              if(!document.all) {
                   images[i].align = "top";
              }
              else {
                   images[i].align="absmiddle";
             }
     }
}
```

Det behövs kanske ändras en del för jag bara skrev ned det rakt av. Men andemeningen framgick nog.

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/130224-olika-align-på-bilder