[JSP/HTML] Invoeren Grid in een div veld

[turkosh]

Ik gebruik een div veld om een kader te creeren waarin ik een html gegenereerd staafdiagrammen zet.
dit is mijn veld:

code:

<div style="overflow: auto; width: 900px; height: 500px; padding: 0px; margin: 0px; border-style:solid;">

En dit is de gegenereerde html code die in de div veld wordt gezet:

HTML:

<div style="float:left; width:100px">TD0101</div>
<a href="file:///c:/test1.html"><div style="float:left; background-color:green; width:16px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:blue; width:83px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:yellow; width:16px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:red; width:83px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:green; width:16px; height:20px;"></div></a>
<br style="clear:both"/>
<br style="clear:both"/>
<div style="float:left; width:100px">TD0101A</div>
<a href="file:///c:/test1.html"><div style="float:left; background-color:green; width:16px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:blue; width:16px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:green; width:16px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:blue; width:16px; height:20px;"></div></a>
<a href="file:///c:/test1.html"><div style="float:left; background-color:green; width:16px; height:20px;"></div></a>
<br style="clear:both"/>
<br style="clear:both"/>

Gebruik van div is omdat in firefox met <td> en <a> combinaties de href niet werkt. Op deze manier werkt het in IE en Firefox.

Ik vroeg mij af of het mogelijk is om in de div veld een raster te geven. Ik dacht eerst aan een gifje maken en dat in de dif als achtergrond afbeelding zetten, maar ik kreeg vervolgens de vraag van dynamische raster die zich aan de grootte van de div veld aanpast. Dus in html. Ik weet niet of je een achtergrondtabel kan genereren met stippelijn als borders en op de tabel de grafische tabel kan zetten.
Is het mogelijk om zoiets te doen?

[ Voor 18% gewijzigd door turkosh op 26-05-2005 12:01 ]

[André]

Zet een div over de hele staaf heen met een rasterachtergrond. Dit kan gewoon een gifje zijn van 10px breed die je op repeat-x zet

En zoals crisp al zei in je vorige topic: je kunt ook gewoon de a stylen en die op display:block zetten. Op die manier hoef je geen divs in de a tag te nesten.

[crisp]

sterker nog: je hebt geen enkele garantie dat deze manier van nesten (blocklevel elementen in een anchor) altijd en overal werkt aangezien het gewoon invalid HTML is...

[turkosh]

Dat vroeg ik mij dus ook af. Ook al zou ik dus mijn html "grafiek" over de tabel kunnen zetten voor IE, zou het dan uberhaupt wel in Firefox (of een ander browser) wel werken.
Zo te horen is het dus verstandiger om een klien 10x10 gifje te maken en die in de div te gebruiken.

Als ik die gif als achtegrond instal bij de "grafiek" gaat dan de achtergrond kleur niet verloren?

En is javascript misschien ook een oplossing?

b.t.w.: het minst plezierig is om de "----" "....." "||||" tijdens het genereren van html code proberen in te voeren.

[ Voor 15% gewijzigd door turkosh op 26-05-2005 12:56 ]