[HTML] Center over andere objecten

[GewoonNico]

Hallo Tweakers,


ik heb een tabel, die er als volgt uitziet

<table width="150">
<tr>
<td><span class="color1" align="left" width="80"></span></td>
</tr>
<tr>
<td><span class="color1" align="left" width="50"></span></td>
</tr>
<tr>
<td><span class="color1" align="left" width="100"></span></td>
</tr>
</table>

Nu wil ik in zo'n <td> in het midden (center) tekst plaatsen dit gaat dan dus gedeeltelijk over de span heen.

Hoe moet ik dit aanpakken?

[curry684]

Over de schutting, HTML is bij de buren --> WG

[Verwijderd]

Nu wil ik in zo'n <td> in het midden (center) tekst plaatsen dit gaat dan dus gedeeltelijk over de span heen.

Je werkt niet bij de AIVD, dus je mag het best wat meer toelichten

[GewoonNico]

ik heb er een plaatje van gemaakt



zoals je op het plaatje ziet zie je een de lichte rode kleur van 80 px breed.
dan moet er in het midden van die tabel 80% komen te staan.

Het lukt me niet om die 80% in het midden te krijgen, wel ernaast of erin

[ Voor 57% gewijzigd door GewoonNico op 10-06-2003 22:47 ]

[Verwijderd]

misschien ligt het aan mij, maar ik snap der geen homo van....

edit: en nou snel editten

maar probeer algin=center eens, iets anders kan ik er niet van bakken

[ Voor 46% gewijzigd door Verwijderd op 10-06-2003 22:50 ]

[Mountainman]

hij wil dat de 80% altijd int midde blijft staan, en niet meeschuift in de span...denk k

[Sn3akz]

Mountainman schreef op 10 June 2003 @ 22:49:
hij wil dat de 80% altijd int midde blijft staan, en niet meeschuift in de span...denk k

Denk het ook

Dat is iig op deze manier niet mogelijk. Wat je zou kunnen doen is je lay-out aanpassen (Altijd rechts uitlijnen is ook mooi) of er een layer (div dus) overheen zetten en daar het getal in...

Lijkt me een van de weinige mogelijkheden.. Zijn er beter??

[GewoonNico]

Mountainman schreef op 10 juni 2003 @ 22:49:
hij wil dat de 80% altijd int midde blijft staan, en niet meeschuift in de span...denk k

Ja, dat bedoel ik...

Weet iemand een oplossing ?

[GewoonNico]

AH,

ik heb het al opgelost
<div width=\"100%\" height=\"100%\" align=\"center\" style=\"position: absolute; width: 100%; height: 100%\">80%</div>


De tabel ziet nu als volgt uit

<table width="150">
<tr>
<td><div width=\"100%\" height=\"100%\" align=\"center\" style=\"position: absolute; width: 100%; height: 100%\">80%</div> <span class="color1" align="left" width="80"></span></td>
</tr>
<tr>
<td><div width=\"100%\" height=\"100%\" align=\"center\" style=\"position: absolute; width: 100%; height: 100%\">80%</div> <span class="color1" align="left" width="50"></span></td>
</tr>
<tr>
<td><div width=\"100%\" height=\"100%\" align=\"center\" style=\"position: absolute; width: 100%; height: 100%\">80%</div> <span class="color1" align="left" width="100"></span></td>
</tr>
</table>

[Willem]

Heel fijn.
Lees de FAQ ook eens als je wilt.