Olika align på bilder

7 svar · 309 visningar · startad av wallabou 18 juni 2005

wallabouMedlem sedan apr. 200487 inlägg

Frågan18 juni 2005 00:15#1

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.

Jesper TMedlem sedan nov. 20017 144 inlägg

19 juni 2005 10:20#2

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

wallabouMedlem sedan apr. 200487 inlägg

19 juni 2005 12:06#3

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?

zcorpanMedlem sedan dec. 20042 245 inlägg

19 juni 2005 12:28#4

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

wallabouMedlem sedan apr. 200487 inlägg

19 juni 2005 12:33#5

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

@ndersMedlem sedan juni 200032 969 inlägg

19 juni 2005 12:41#6

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

OkkidoMedlem sedan maj 20007 492 inlägg

19 juni 2005 12:42#7

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

missModestyMedlem sedan apr. 2005254 inlägg

19 juni 2005 12:55#8

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.