Klikbaar gebied

Door Wim Roffel op 10-12-2019 18:42 gewijzigd op 10-12-2019 19:24

1.998 views

Ik heb een tabel en daarin een gecentreerde h1 heading die klikbaar is:

<td colspan="2">
 <center><a href="image-edit.php" style="text-decoration:none;"><h1>Mijn header</h1></a></center>
</td>

Het effect is dat het hele td gebied klikbaar is - niet alleen de h1 titel.

Ik heb geprobeerd in plaats van "<center>" 'style="text-align:center"' te gebruiken op de link of de h1. In alle gevallen krijg ik hetzelfde resultaat.

Weet iemand waarom dit zo is? En hoe je dit ongedaan kan maken?

Er is geen css actief.

Alvast mijn dank.

- Ariën -

10-12-2019 19:23 gewijzigd op 10-12-2019 19:24

Als ik dit uittest is alleen de heading netjes klikbaar.

Verder raad ik aan om (zolang het basic moet zijn) dit te gebruiken:


<div style="text-align:center">
<a href="image-edit.php" style="text-decoration:none;"><h1>Mijn header</h1></a>
</div>

Nog netter is natuurlijk een style-sheet, zodat je echt de kracht van overerving kan benutten. Ik heb ze in je bericht toegepast.

Verder hebben we op PHPhulp een [code] en [/code] tags waar je programmaregels tussen kan plaatsen.

R Rob Doemaarwat

10-12-2019 20:07

Een <h1> is een block element, die vult dus de hele <td> op (en de omhullende <a> dus ook). Zoals jij 'm wilt gebruiken moet je de <h1> een display: inline-block meegeven via CSS/style.

W Wim Roffel

10-12-2019 23:09

Rob Doemaarwat op 10/12/2019 20:07:21

Een <h1> is een block element, die vult dus de hele <td> op (en de omhullende <a> dus ook). Zoals jij 'm wilt gebruiken moet je de <h1> een display: inline-block meegeven via CSS/style.

Dank je. Dat was de oplossing.

Reageren

Inloggen om te reageren