Table word niet goed uitgevoerd...
het volgende is het geval:
Ik heb in de onderstaande code een tabel staan, welke op 2 totaal verschillende manieren wordt uitgevoerd.
1. In Internet Explorer staat het weergegeven zoals ik het wil hebben.
2. In FireFox is er heel erg veel ruimte tussen de tabelrijen. deze moeten gewoon dicht bij elkaar staan.
Echter heb ik al vanalles geprobeerd om dit te verhelpen in Firefox, maar dit is tot op heden niet gelukt. Heeft een van jullie nog ideeen of weet iemand wat de oorzaak hiervan is?
Groet,
Mike
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="recruitment">
<h2>Recruitment</h2>
<table class="recruitment" border="0">
<tr> <td><img src='http://firgurth.nl/praetorian/image/1.gif' alt='' /></td> <td><span class="uitleg" title="1 DPS and 1 TANK"><p>Warrior</p></span></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/11.gif' alt='' /></td> <td>Druid</td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/2.gif' alt='' /></td> <td><p>Paladin</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/9.gif' alt='' /></td> <td><p>Warlock</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/8.gif' alt='' /></td> <td><p>Mage</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/3.gif' alt='' /></td> <td><p>Hunter</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/4.gif' alt='' /></td> <td><p>Rogue</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/7.gif' alt='' /></td> <td><p>Shaman</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/5.gif' alt='' /></td> <td><p>Priest</p></td> <td><p style="color: green;">High</p></td></tr>
</table>
<ul>
<a class="recruit" text-align="center" href="?pagina=recruitment" title="Praetorian - Recruitment">Apply</a>
</ul>
</div>
<h2>Recruitment</h2>
<table class="recruitment" border="0">
<tr> <td><img src='http://firgurth.nl/praetorian/image/1.gif' alt='' /></td> <td><span class="uitleg" title="1 DPS and 1 TANK"><p>Warrior</p></span></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/11.gif' alt='' /></td> <td>Druid</td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/2.gif' alt='' /></td> <td><p>Paladin</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/9.gif' alt='' /></td> <td><p>Warlock</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/8.gif' alt='' /></td> <td><p>Mage</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/3.gif' alt='' /></td> <td><p>Hunter</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/4.gif' alt='' /></td> <td><p>Rogue</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/7.gif' alt='' /></td> <td><p>Shaman</p></td> <td><p style="color: green;">High</p></td></tr>
<tr> <td><img src='http://firgurth.nl/praetorian/image/5.gif' alt='' /></td> <td><p>Priest</p></td> <td><p style="color: green;">High</p></td></tr>
</table>
<ul>
<a class="recruit" text-align="center" href="?pagina=recruitment" title="Praetorian - Recruitment">Apply</a>
</ul>
</div>
Als volgd:
Code (php)
1
<tr> <td><img src='http://firgurth.nl/praetorian/image/4.gif' alt='' /></td> <td><p>Rogue</p></td> <td><p style="color: green;">High</p></td></tr>
Hierbij maak ik gebruik van <p>tekst</p>
doordat het een paragraaf is slaat hij een regel over!
In IE is het geen enkel probleem, want IE denkt zelf na,
In FF wel, want Firefox doet gewoon wat hem gevraagd wordt!
dus is de code nu:
Code (php)
1
<tr> <td><img src='http://firgurth.nl/praetorian/image/4.gif' alt='' /></td> <td><p>Rogue</p></td> <td><div style="color: green;"> High</div></td></tr>
Hierdoor wordt de tekst groen en blijft alles netjes kort in de tabel staan!
In ieder geval bedankt voor de reacties,
zo zie je maar weer, zoek en gij zult vinden/ probeer het:P
greetz, Mike
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<table>
<tr>
<td>
Tekst inhoud.
</td>
</tr>
</table>
<tr>
<td>
Tekst inhoud.
</td>
</tr>
</table>
Bij xHtml is het ook nog eens belangrijk dat je het goed neerzet in de html. ;]
