---
title: "gifanimation i div?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/134534-gifanimation-i-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "coolish"
published: "2005-09-20T06:31:59.000Z"
updated: "2005-09-20T17:56:44.000Z"
replies: 8
views: 395
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/134534-gifanimation-i-div"
---

# gifanimation i div?

## #1 — coolish, 2005-09-20T06:31Z

Hej.
Jag har en gif-animation som jag vill lägga i en div-tagg. Den ska visas när ett formulär postas, dvs onSubmit.

Har inga problem med att lägga in bilden med animationen blir aldrig synlig. Vad kan det bero på och kan man kringgå det på något annat sätt?

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

## #2 — silfver, 2005-09-20T06:35Z

Kan du ge lite exempelkod? Visas gif-bilden korrekt när du har skickat datan i forumläret?

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

## #3 — Okkido, 2005-09-20T06:41Z

Saker pa att du inte har det avstangt i webblasaren bara?

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

## #4 — coolish, 2005-09-20T06:44Z

Absolut, div-taggen ser ut så här:

```
<div id="loading" name="loading" style="position:absolute; z-index:52; left: 20%; top:40%; width:468px; height:60px; visibility:hidden; filter:Alpha(Opacity=80);">
	<table width="468" height="60" border="0" cellpadding="0" cellspacing="0">
		<tr valign="top">
			<td><img src="images/loading.gif" width="468" height="60" border="0"></td>
		</tr>
	</table>
</div>
```

och jag kör det genom:

```
onSubmit="document.all.loading.style.visibility='visible';"
```

i form-taggen

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

## #5 — coolish, 2005-09-20T06:46Z

Helt säker Okkido, ser andra gif-animationer på samma sida

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

## #6 — silfver, 2005-09-20T07:17Z

Vad händer om du sätter värden på bilden då? I stället för att använda width="468" height="60" så skriver du width="468px" height="60px". Så läsaren vet exakt hur stor bilden ska vara.

**r/** Samma värden på tabellen också, givetvis.

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

## #7 — coolish, 2005-09-20T07:27Z

Ingen skillnad, jag tror inte att läsaren klarar av det helt enkelt. När jag postar formuläret verkar allt annat stanna också.... Men det borde gå att lösa på något sätt tycker jag. Kanske skulle testa att göra animationen som flash istället...

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

## #8 — antilizaer, 2005-09-20T17:35Z

Börja gif animationen om igen när den är klar? Annars så börjar den väl köras när sidan har laddats sen när du visar diven så har den redan kört klart.

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

## #9 — jarvklo, 2005-09-20T17:56Z

> **silfver skrev:**
>
> Vad händer om du sätter värden på bilden då? I stället för att använda width="468" height="60" så skriver du width="468px" height="60px". Så läsaren vet exakt hur stor bilden ska vara..

Brrrr - Nu är du ute och cyklar!
Enheten "px" är inte giltig i HTML-attribut, bara i CSS... Om vi nu skall vara noga alltså :birp 

> **HTML4-rekommendationen skrev:**
>
> nn for pixels or nn% for percentage length

http://www.w3.org/TR/html4/struct/objects.html#h-13.2 och <http://www.w3.org/TR/html4/sgml/dtd.html#Length>

Storleksangivelserna har mest troligt inget med problemet att göra alltså ;)
och inget annat än 

```
width="468" height="60"
```

gäller när vi pratar pixelbredder och höjder på en bild när dessa anges i HTML-attributen height och width

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/134534-gifanimation-i-div