[HTML]TD kleiner maken dan inhoud

[Verwijderd]

Ik heb een TD met daarin een Table met weer daarin een image. De code ziet er zo uit:

<td id="td1" style="overflow: hidden">

<table border="0" style="height: 100%; width: 100%; overflow: hidden">
<tr><td><a href="javascript:click(0,0)">[img]"Test.gif"></a></td></tr> <tr><td><a[/img]Test 2</a></td></tr>
<tr><td><a href="javascript:click(1,2)">Test 3</a></td></tr>
<tr><td><a href="javascript:click(1,3)">Test 4</a></td></tr>
</table>


</td>

Zoals je ziet heb ik overflow al op hidden staan. Nu heb ik een script gemaakt, dat de breedte van de velden moet aanpassen.

Met

document.getElementById('td1').style.width = "50px";

krijg ik het veld kleiner, maar niet kleiner dat de breedte van de afbeelding. Dat moet ik echter wel voor elkaar krijgen, dus hoe pak ik dat aan?

[whoami]

In de forumdescriptions kan je zien dat HTML , Javascript , etc .... (clientside stuff dus) niet in P&W thuishoort, maar in W&G.

p&w -> w&G.

[BierPul]

Deze hoort niet in P&W maar in W&G

whoami was me voor

[ Voor 36% gewijzigd door BierPul op 28-10-2003 15:49 ]

[Verwijderd]

Kleiner maken dan de inhoud wordt lastig. Je kunt in het geval van een plaatje wel het plaatje als background gebruiken. Anders moet je het plaatje verkleinen, maar dan gaat de kwaliteit verloren, wanneer je het door IE zelf laat doen. Voordeel van background image is, is dat je dan gewoon niet het hele plaatje ziet en het lijkt mij dat je dát wilt...

[Clay]

de td een width en height geven en overflow:hidden

[Justice]

Wat Clay zegt, je moet de td die direct om het plaatje heen die waardes geven, niet de td om de tabel heen.

edit:

Btw Clay, damn wat een homepage

[ Voor 22% gewijzigd door Justice op 28-10-2003 19:32 ]

[Verwijderd]

Daarnaast is er nog het probleem dat niet alle browsers 'overflow' ondersteunen. Het kan daardoor zijn dat het in bepaalde browsers wel werkt en in andere niet!

[Verwijderd]

Ben van een tabel overgestapt naar een paar DIVjes. Toch bedankt...