Olika align på bilder

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.

<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.

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?

<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 :)

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

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">

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

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.