Hej, Varför inte ha en egen kolumn för pilen och fylla i den? Jo, jag har tänkt så med, men det funkar inte så bra med resten av layouten. Lite svårt att förklara men bilden är ganska grafiskt avancerad. Lägg en div med position:relative i cellen, så kan du använda negativa tal för att flytta den utanför cellen.Dynamiskt positionera div-tagg
Jag har en tabell enligt följande:
<code>
<table cellpadding="2" cellspacing="0">
<tr>
<td>Här är cell 1</td>
<td>Här är cell 1</td>
<td>Här är cell 1</td>
<td>Här är cell 1</td>
</tr>
</table>
</code>
I vissa fall kommer jag att behöva lägga ut en pil(gif bild) MELLAN(över) två celler. Pilen skall alltså sluta precis innan "H":et i nästa cell.
Detta tänkte jag göra med en div-tagg och positionera den.
Min fråga är, hur kan jag dynamiskt positionera min div-tagg så att den slutar direkt innan aktuell cell?
Kanske är lite dåligt förklarat men vad jag bygger är:
Vi har en massa projekt som ligger i olika faser. Faserna är på x-axeln och varje fas ligger i var sin cell. I varje fas loopar jag mig igenom de projekt som ligger i den fasen.
När ett projekt flyttats från en fas till en annan skall jag rita ut en pil som visar detta.
Det är därför pilen måste gå över två celler.
Hoppas ni förstår...
/JockeSv: Dynamiskt positionera div-tagg
<code>
<table cellpadding="2" cellspacing="0">
<tr>
<td></td><td>Här är cell 1</td>
<td></td><td>Här är cell 1</td>
<td><img src="ArrowBegin.gif"></td><td>Här är cell 1</td>
<td><img src="ArrowBody.gif"></td><td>Här är cell 1</td>
<td><img src="ArrowBody.gif"></td><td>Här är cell 1</td>
<td><img src="ArrowEnd.gif"></td><td>Här är cell 1</td>
<td></td><td>Här är cell 1</td>
<td></td><td>Här är cell 1</td>
<td></td><td>Här är cell 1</td>
</tr>
</table>
</code>Sv: Dynamiskt positionera div-tagg
Så jag måste nog ha det som jag beskrev.
/JockeSv: Dynamiskt positionera div-tagg