Notifikationer

Markér alle som læst Log ud

dennism Nybegynder

06. juni 2005 - 17:36 Der er 12 kommentarer og
1 løsning

HTML: Tabel med link

Jeg har følgende eksempel:

<table cellpadding=0 cellspacing=0 border=1>
<tr>
<td style="width:75px; height:50px; text-align:center; vertical-align:center;"><a href="test.html" style="width:100%; height:100%;">Start</a></td>
</tr>
</table>

Denne tabel, skulle gerne indeholde et link som fylder hele cellen. Det gør det også, men der er så det problem, at når jeg sætter "height:100%" i ankeret, så står teksten "Start" i toppen af cellen.

Hvordan får teksten til at stå i midten af cellen? Har lavet en "vertical-aling:middle;". Men det hjælper åbenbart ikke.

Synes godt om

thesurfer Nybegynder

06. juni 2005 - 17:42 #1

Har du prøvet med?: <td valign="middle" ...>
("..." betyder "resten af koden")

/theSurfer

Synes godt om

dennism Nybegynder

06. juni 2005 - 17:49 #2

Det hjælper desværre ikke :(

Synes godt om

thesurfer Nybegynder

06. juni 2005 - 17:54 #3

Du kunne måske gøre sådan her:

<a href="test.html"><span style="width:100%;height:100%;">Start</span></a>

Jeg mener at man ikke behøver style="width:100%; height:100%;"-delen, i <a>-tag'et..

/theSurfer

Synes godt om

dennism Nybegynder

06. juni 2005 - 18:00 #4

Det hjælper heller ikke.

Prøvede følgende:

<table cellpadding=0 cellspacing=0 border=1>
<tr>
<td style="width:75px; height:50px; text-align:center; vertical-align:middle;"><a href="test.html"><span style="width:100%;height:100%;">Start</span>Start</a></td>
</tr>
</table>

Synes godt om

thesurfer Nybegynder

06. juni 2005 - 18:08 #5

Hvis det er OK at bruge JavaScript, kan du gøre sådan her:

<table cellpadding=0 cellspacing=0 border=1>
<tr>
<td onclick="window.location.href='test.html'" style="cursor:pointer;width:75px; height:50px; text-align:center; vertical-align:center;"><a href="test.html">Start</a></td>
</tr>
</table>

/theSurfer

Synes godt om

dennism Nybegynder

06. juni 2005 - 18:12 #6

Ja, det var selvfølgelig en anden måde at løse det på. Synes bare det er mærkeligt, at det ik kan lade sig gøre, uden JavaScript.
Men skidt.

Smider du lige et svar, tak?

Synes godt om

thesurfer Nybegynder

06. juni 2005 - 18:40 #7

Det kan godt være, at man kan læse det via CSS..
Jeg smider et svar.. du er velkommen til at vente, med at acceptere det.. det kan være at der kommer et bedre svar..

/theSurfer

Synes godt om

Slettet bruger

06. juni 2005 - 20:19 #8

<table cellpadding=0 cellspacing=0 border=1>
<tr>
<td style="width:75px; height:50px; text-align:center; vertical-align:center;"><a href="test.html" <div style="position:absolute; left:30px; top:25px;">Start</div>
</tr>
</table>

Synes godt om

olebole Juniormester

07. juni 2005 - 02:55 #9

<ole>

'display:block' er din ven ;o)

<table cellpadding=0 cellspacing=0 border=1>
<tr>
<td style="width:75px; height:50px; text-align:center; vertical-align:center;">
<a href="test.html" style="display:block;width:100%;height:100%;">Start</a></td>
</tr>
</table>

/mvh
</bole>

Synes godt om

olebole Juniormester

07. juni 2005 - 03:08 #10

- nåja ... skidtet skulle jo også vertikalt centreres :)

<table cellpadding=0 cellspacing=0 border=1>
<tr>
<td style="width:75px; height:50px">
<a href="test.html" style="position:relative;display:block;width:100%;height:100%;">
<div style="position:absolute;width:100%;top:50%;margin-top:-0.75em;text-align:center">Start</div></a></td>
</tr>
</table>

Synes godt om

roenving Novice

07. juni 2005 - 03:09 #11

En div inde i et a-tag ?-)

Synes godt om

olebole Juniormester

07. juni 2005 - 03:10 #12

Ja, hvorfor ikke? Et a-tag er jo et block-level tag ... i dette tilfælde i hvert fald ;o)

Synes godt om

olebole Juniormester

07. juni 2005 - 03:12 #13

Husk i øvrigt lige 'cursor:pointer' på div'et. Naturligvis skal man lige tørre r.. på IE :oP

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS