---
title: "Lägg ner mitt diagram tack!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/73815-lägg-ner-mitt-diagram-tack"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "solbulle"
published: "2003-04-11T17:56:36.000Z"
updated: "2003-04-11T21:33:55.000Z"
replies: 2
views: 286
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/73815-lägg-ner-mitt-diagram-tack"
---

# Lägg ner mitt diagram tack!

## #1 — solbulle, 2003-04-11T17:56Z

Jag har denna kod som eg. genereras av ett aspscript.
Jag har slängt in en fråga där, men eftersom varken jag eller någon annan fattar vad jag vill uppnå(!) så är det nog säkrast att jag här får hjälp med att komma till klarhet med vad det är jag vill få fram.
Jag vill ha detta stapeldiagram till att lägga sig ner, så att staplarna blir liggande helt enkelt.
Hur kan jag lösa det tro?

```

			  <DIV STYLE="position:relative;left:0;top:0">
				<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" STYLE="position:relative;left:0;top:0">
					<TR>
						<TD VALIGN="bottom"><IMG SRC="./images/spacer_black.gif" BORDER="0" WIDTH="4" HEIGHT="300"></TD>
					
						<TD VALIGN="bottom"><IMG SRC="./images/spacer.gif" BORDER="0" WIDTH="2" HEIGHT="1"></TD>
								
						<TD VALIGN="bottom">
					
						<IMG SRC="./images/spacer_red.gif"    STYLE="position:absolute; Left:6; bottom:-1; z-index:4" BORDER="0" WIDTH="64" HEIGHT="24" ALT="32	Critical">
						
						<IMG SRC="./images/spacer_blue.gif"    STYLE="position:absolute; Left:6; bottom:-1; z-index:3" BORDER="0" WIDTH="64" HEIGHT="28" ALT="6	Serious">
						
						<IMG SRC="./images/spacer_yellow.gif"    STYLE="position:absolute; Left:6; bottom:-1; z-index:2" BORDER="0" WIDTH="64" HEIGHT="37" ALT="13	Routine">
						
						<IMG SRC="./images/spacer_lime.gif"    STYLE="position:absolute; Left:6; bottom:-1; z-index:1" BORDER="0" WIDTH="64" HEIGHT="44" ALT="10	Cleared">
						
						<TD VALIGN="bottom"><IMG SRC="./images/spacer.gif" BORDER="0" WIDTH="2" HEIGHT="1"></TD>
								
						<TD VALIGN="bottom">
					
						<IMG SRC="./images/spacer_red.gif"    STYLE="position:absolute; Left:72; bottom:-1; z-index:4" BORDER="0" WIDTH="64" HEIGHT="85" ALT="112	Critical">
						
						<IMG SRC="./images/spacer_blue.gif"    STYLE="position:absolute; Left:72; bottom:-1; z-index:3" BORDER="0" WIDTH="64" HEIGHT="98" ALT="18	Serious">
						
						<IMG SRC="./images/spacer_yellow.gif"    STYLE="position:absolute; Left:72; bottom:-1; z-index:2" BORDER="0" WIDTH="64" HEIGHT="98" ALT="0	Routine">
						
						<IMG SRC="./images/spacer_lime.gif"    STYLE="position:absolute; Left:72; bottom:-1; z-index:1" BORDER="0" WIDTH="64" HEIGHT="103" ALT="7	Cleared">
						
						<TD VALIGN="bottom"><IMG SRC="./images/spacer.gif" BORDER="0" WIDTH="2" HEIGHT="1"></TD>
								
						<TD VALIGN="bottom">
					
						<IMG SRC="./images/spacer_red.gif"    STYLE="position:absolute; Left:138; bottom:-1; z-index:4" BORDER="0" WIDTH="64" HEIGHT="4" ALT="6	Critical">
						
						<IMG SRC="./images/spacer_blue.gif"    STYLE="position:absolute; Left:138; bottom:-1; z-index:3" BORDER="0" WIDTH="64" HEIGHT="7" ALT="4	Serious">
						
						<IMG SRC="./images/spacer_yellow.gif"    STYLE="position:absolute; Left:138; bottom:-1; z-index:2" BORDER="0" WIDTH="64" HEIGHT="14" ALT="10	Routine">
						
						<IMG SRC="./images/spacer_lime.gif"    STYLE="position:absolute; Left:138; bottom:-1; z-index:1" BORDER="0" WIDTH="64" HEIGHT="37" ALT="30	Cleared">
						
						<TD VALIGN="bottom"><IMG SRC="./images/spacer.gif" BORDER="0" WIDTH="2" HEIGHT="1"></TD>

					</TD>
					</TR>
					</TABLE>
				</div>
```

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

## #2 — Jesper T, 2003-04-11T18:50Z

Har kollat lite på asp101´s chart nu och får lite tankar.
Varför inte ta bort tabellerna över huvud taget?
Byt ut table till en div i stället där du bestämmer x och y axel med css istället.
Flytta över värdet som skall ge stapelbredden med det dynamiska värdet som skall ge stapelhöjden.
Ta bort position:absolut,z-index och annat onödigt ifrån stapelbilderna
Mellan varje stapelloop så lägger du bara in ett par \<br\> för att skilja staplarna åt.

```
<div style="border-top:2px solid black;border-left:2px solid black;padding-top:10px;">

     <IMG SRC="./images/spacer_red.gif" BORDER="0" WIDTH="24" HEIGHT="64" ALT="32	Critical">
     <IMG SRC="./images/spacer_blue.gif" BORDER="0" WIDTH="28" HEIGHT="64" ALT="6	Serious">
     <IMG SRC="./images/spacer_yellow.gif" BORDER="0" WIDTH="37" HEIGHT="64" ALT="13	Routine">
     <IMG SRC="./images/spacer_lime.gif" BORDER="0" WIDTH="44" HEIGHT="64" ALT="10	Cleared">

  <br>
   <br>
...
</div>
```

Se ASP-forumet:
<http://www.webforum.nu/showthread.php?s=&postid=603066#post603066>

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

## #3 — solbulle, 2003-04-11T21:33Z

Jo, du har rätt. Varför krångla till det mer än nödvändigt?
Egentligen är de ju verkligen, när du får mig att tänka, lättare att lägga bilderna efter varandra än att stapla dom ovanpå.

Tack för hjälpen!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/73815-lägg-ner-mitt-diagram-tack