/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Hyperlink af en hel tabel, hvordan gøres d~
Fra : Thomas H.


Dato : 01-08-01 19:58


På et meget simpelt eksempel som dette:




---------

<html>

<head>

</head>

<body>

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="123"
height="75">
<tr>
<td width="123" height="75">test</td>
</tr>
</table>
</center>
</div>

</body>

</html>

-----------

Vil jeg gerne lave et hyperlink, f.eks: <a href="http://www.dr.dk">


Hvor i alverden skal det sættes ind, hvis jeg godt vil have at hele
tabelområdet
skal fungere som klikområde for linket?

Har prøvet forskellige steder, men enten virker linket ikke, eller også
kan man
ikke se i IE's bund at der er et link, eller også kommer der ikke den
lille hånd
frem, der indikerer at der er et.

Håber en har et bud på dette sikkerts meget simple spørgsmål

Mvh
Thomas H.


 
 
Dorthe Sandberg (01-08-2001)
Kommentar
Fra : Dorthe Sandberg


Dato : 01-08-01 20:32

I Dreamweaver kan det hele markeres som et hotspot, måske er det en
mulighed ?

Dorthe


Thomas H. wrote in dk.edb.internet.webdesign.html:
> På et meget simpelt eksempel som dette:
>
>
>
>
> ---------
>
> <html>
>
> <head>
>
> </head>
>
> <body>
>
> <div align="center">
> <center>
> <table border="0" cellpadding="0" cellspacing="0" width="123"
> height="75">
> <tr>
> <td width="123" height="75">test</td>
> </tr>
> </table>
> </center>
> </div>
>
> </body>
>
> </html>
>
> -----------
>
> Vil jeg gerne lave et hyperlink, f.eks: <a href="http://www.dr.dk">
>
>
> Hvor i alverden skal det sættes ind, hvis jeg godt vil have at hele
> tabelområdet
> skal fungere som klikområde for linket?
>
> Har prøvet forskellige steder, men enten virker linket ikke, eller også
> kan man
> ikke se i IE's bund at der er et link, eller også kommer der ikke den
> lille hånd
> frem, der indikerer at der er et.
>
> Håber en har et bud på dette sikkerts meget simple spørgsmål
>
> Mvh
> Thomas H.
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagoiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Thomas H. (01-08-2001)
Kommentar
Fra : Thomas H.


Dato : 01-08-01 20:37


"Dorthe Sandberg" <dorthe@itgrafisk.dk> skrev i en meddelelse
news:9k9lff$p5e$1@sunsite.dk...
> I Dreamweaver kan det hele markeres som et hotspot, måske er det en
> mulighed ?
>
> Dorthe


Øøhm, jamen hvordan ser koden så ud, når det er lavet der??

Thomas


J.C. Voss (01-08-2001)
Kommentar
Fra : J.C. Voss


Dato : 01-08-01 23:41

Thomas H. <thhe@sol.dk> wrote:

> Hvor i alverden skal det sættes ind, hvis jeg godt vil have at hele
> tabelområdet skal fungere som klikområde for linket?
>
> Har prøvet forskellige steder, men enten virker linket ikke, eller også
> kan man ikke se i IE's bund at der er et link, eller også kommer der ikke
> den lille hånd frem, der indikerer at der er et.
>
> Håber en har et bud på dette sikkerts meget simple spørgsmål

Du kan gøre det med lidt hjælp fra CSS.
Måske kan du bruge nedestående.

------------ Start HTML ex.---------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>yadda-yadda</title>
<style type="text/css">
<!--
..menu { color: #339966 ;
background-color: #ffffff ;
display: block ;
width: 100% ;
padding: 10px ;
font-size: 1.5em ;
line-height: 1.5em
font-weight: bold ;
}

A.menu:link
{color: #336699 ;
background-color: #ffffff ;
text-decoration: underline ;
font-size: 1em ;
}

A.menu:visited
{color: #333333;
background-color: #cccccc ;
}

A.menu:hover
{color: #669933 ;
text-decoration: none;
background-color: #ffffff;
}

A.menu:active
{text-decoration: none ;
color: #996633 ;
background-color: #ffffff ;
}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<table align="center" border="0" cellspacing="0" cellpadding="0"
width="123" height="75" bgcolor="#ffffff">
<tr>
<td>
<div align="center">
<a class="menu" href="http://www.dr.dk">Danmarks Radio</a>
</div>
</td>
</tr>
</table>
</body>
</html>
--------------Slut HTML ex. -------------------

--
Jonas [CPH, DK] | Mental backup in progress
http://geografi.hjem.wanadoo.dk/ | - Do Not Disturb
:: Erase harddrive and trash peripherals to reply ::

Thomas H. (02-08-2001)
Kommentar
Fra : Thomas H.


Dato : 02-08-01 16:33


"J.C. Voss" <harddrivejc@voss.tfperipherals> skrev i en meddelelse
news:1exhj7z.1hbddzhs1omcyN%harddrivejc@voss.tfperipherals...

> Du kan gøre det med lidt hjælp fra CSS.
> Måske kan du bruge nedestående.


Hmm, tjaaa, jooo..

Jeg er ikke så stiv i CSS endnu!
Men det jeg skulle var, at have et baggrundsbillede i tabellen, der er i
bannerstørelse (468x60)
Og oven på det billede skulle ligge et billede fra et webcam! Ja meget
avanceret *G*

Men jeg kan ikke få lagt to billeder oven på hinanden på normal vis,
derfor ville jeg bare lave
det ene som baggrund, og så det andet oven på, men så løber jeg ind i
hyberlinkproblemet


Jeg prøver mig lige lidt mere frem....

Thomas




J.C. Voss (02-08-2001)
Kommentar
Fra : J.C. Voss


Dato : 02-08-01 19:26

Thomas H. <thhe@sol.dk> wrote:

> Men det jeg skulle var, at have et baggrundsbillede i tabellen, der er i
> bannerstørelse (468x60) Og oven på det billede skulle ligge et billede fra
> et webcam! Ja meget avanceret *G*
> Men jeg kan ikke få lagt to billeder oven på hinanden på normal vis,
> derfor ville jeg bare lave det ene som baggrund, og så det andet oven på,
> men så løber jeg ind i hyberlinkproblemet

Det havde hjulpet lidt hvis du havde fortalt det med billederne til at
starte med, men jeg har lavet fire eksempler til dig, hvoraf kun
eksempel 4 er gyldig html. Det betyder ikke at de andre ikke virker, men
risikoen for, at tabellen bliver vist anderledes, eller slet ikke vises
i nogle browsere, er større.
Jeg går ud fra at det er webcambilledet der skal være linket, eller
hvad? Det er i hvert fald sådan jeg har lavet det. Hvis det er dit
baggrundsbillede der skal være linket, så må du se dig om efter en anden
løsning, og så tror jeg det skal være noget vha. css, men jeg er heller
ikke den stiveste i css, så du kan kigge på disse sider efter en
beskrivelse af noget sådant:

CSS vejledninger:
http://www.css.nu/
http://www.w3schools.com/css/
http://www.htmlhelp.com/reference/css/
http://www.blazonry.com/css/
http://htmlgoodies.earthweb.com/beyond/css.html
http://www.htmlcenter.com/tutorials/index.cfm
http://www.freewebmastertips.com/php/content.php3?aid=48
http://www.westciv.com.au/style_master/academy/css_tutorial/
http://library.thinkquest.org/15074/cssmain.html
http://www.pageresource.com/dhtml/indexcss.htm
http://idm.internet.com/articles/200101/csstutorial1a.html

Til sidst kan jeg jo blot sige, at jeg ikke rigtig har forstået hvorfor
det er, at de to billeder skal ligge oven på hinanden, men du har vel
dine årsager.

------------start ex 1---------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Yadda-yadda part 1</title>
</head>
<body bgcolor="#FFFFFF">
<a href="http://www.dr.dk">
<table border="0" cellspacing="0" cellpadding="0" background="ditbanner"
width="468">
<tr align="left" valign="top">
<td align="center">
<img src="dit webcambillede" width="123" height="75" border="0"
alt="xx">
</td>
</tr>
</table>
</a>
</body>
</html>
------------ slut ex 1---------------

------------start ex 2---------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Yadda-yadda part 2</title>
</head>
<body bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" background="ditbanner"
width="468">
<a href="http://www.dr.dk"> align="left" valign="top">
<td align="center">
<img src="dit webcambillede" width="123" height="75" border="0"
alt="xx">
</td>
</tr></a>
</table>
</body>
</html>
------------ slut ex 2---------------

------------start ex 3---------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Yadda-yadda part 3</title>
</head>
<body bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" background="ditbanner"
width="468">
<tr align="left" valign="top">
<a href="
http://www.dr.dk"> align="center">
<img src="dit webcambillede" width="123" height="75" border="0"
alt="xx">
</td></a>
</tr>
</table>
</body>
</html>
------------ slut ex 3---------------

------------start ex 4---------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>Yadda-yadda part 4</title>
</head>
<body bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" background="ditbanner"
width="468">
<tr align="left" valign="top">
<td align="center">
<a href="
http://www.dr.dk"> src="dit webcambillede" width="123"
height="75" border="0" alt="xx"></a>
</td>
</tr>
</table>
</body>
</html>
------------ slut ex 4---------------

Pyha...

--
Jonas, located at 11°56° | I love defenseless animals,
http://geografi.hjem.wanadoo.dk/ | especially in a good gravy.
-:-:-: Erase harddrive and trash peripherals to reply :-:-:-

Søg
Reklame
Statistik
Spørgsmål : 177512
Tips : 31968
Nyheder : 719565
Indlæg : 6408599
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste