Lägg ner mitt diagram tack!

solbulleMedlem sedan mars 20015 287 inlägg

Frågan11 apr. 2003 17:56#1

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>

Jesper TMedlem sedan nov. 20017 144 inlägg

11 apr. 2003 18:50#2

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

solbulleMedlem sedan mars 20015 287 inlägg

11 apr. 2003 21:33#3

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!