---
title: "visa att de e en länk"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130383-visa-att-de-e-en-länk"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "yador"
published: "2005-06-21T19:03:53.000Z"
updated: "2005-06-22T13:51:40.000Z"
replies: 7
views: 359
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/130383-visa-att-de-e-en-länk"
---

# visa att de e en länk

## #1 — yador, 2005-06-21T19:03Z

Hej wf!
Hur visar man att det de en länk när man använder onClick. Jag använder nämligen denna kod i min td

```
<td align="center" onMouseOver="this.style.backgroundColor='#f1f1f1'" onMouseOut="this.style.backgroundColor='#ffffff'" onClick="document.location='index.html'">Startsida</td>
```

Man ser ju inte att det är en länk när man håller musen över, hur fixar man det?

Tack på förhand

Permalänk: https://www.webforum.nu/p/130383

## #2 — tompe, 2005-06-21T19:14Z

style="cursor:pointer;"

Permalänk: https://www.webforum.nu/p/1632799

## #3 — m_soderlund, 2005-06-21T19:18Z

Varför inte använda en lista med länkar i stället? Jag saxar direkt från min sajt:

```
<div id="nav">
<ul>
<li><a href="default.aspx" id="m1" title="Startsidan">startsida</a></li>
<li><a href="default.aspx?CatId=2&amp;subId=0" id="m2" title="Diverse småbitar ur vardagen.">fotogalleri</a></li>
<li><a href="default.aspx?CatId=3" id="m3" title="Sajtägare med flera intervjuas." class="active">intervjuer</a></li>
<li><a href="default.aspx?CatId=4&amp;SubId=0" id="m4" title="Hjälp i webbutvecklingen plus annat smått &amp; gott.">artiklar</a></li>
<li><a href="default.aspx?CatId=5" id="m5" title="Producerade webbplatser och lite till.">portfolio</a></li>
<li><a href="default.aspx?CatId=6" id="m6" title="Vem är Martin?">martin</a></li>
<li><a href="default.aspx?CatId=7" id="m7" title="Skriv till Martin.">kontakt</a></li>

</ul>
</div>
```

CSS:

```
#nav a:link, #nav a:visited, #nav a:hover { color: #000; padding: 11px; display: block;
	font-size: 11px; text-decoration: none; border-right: solid 1px #A8C6D4; }
	
#nav a:hover { background: #7F8E94; color: #fff; }

#nav ul { padding: 0 0 0 22px; width: 718px; float: left; border-top: solid 3px #B7CBD4;
	border-bottom: solid 3px #B7CBD4; }	
	
#nav li { background: #F2F7FA; display: block; list-style: none; margin: 0; float: left; }

#nav ul li .active { background: #fff; color: #000; font-weight: bold; display: block;
	border-right: solid 1px #B7CBD4; }

#nav { background: #E2EBEF url(gfx/nav-sep.gif) no-repeat 21px;
	width: 740px;
	float: left;
	text-align: left;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666; }
```

Med reservation för lite halvgrötig kod, men testa!

Permalänk: https://www.webforum.nu/p/1632803

## #4 — yador, 2005-06-21T19:23Z

Jag skulle göra de men jag skriv hela tiden fel så jag skit i de och gjorde sähär istället, men tack för tipset m_soderlund och tiill dig tompe.

Permalänk: https://www.webforum.nu/p/1632807

## #5 — SannyW, 2005-06-21T19:26Z

Borde väl bara vara att flyta ut en a href i td.

```
<td align="center" onMouseOver="this.style.backgroundColor='#f1f1f1'" onMouseOut="this.style.backgroundColor='#ffffff'""><a href="index.html">Startsida</a></td>
```

Permalänk: https://www.webforum.nu/p/1632810

## #6 — yador, 2005-06-22T13:39Z

Det skulle jag kunna göra SannyW, men då skulle inte hela td vara en länk.

Permalänk: https://www.webforum.nu/p/1633061

## #7 — Insider, 2005-06-22T13:47Z

> **yador skrev:**
>
> Det skulle jag kunna göra SannyW, men då skulle inte hela td vara en länk.

Jo, det skulle den. Om du nollställer marginaler och paddingvärden för din \<td\> och sätter display:block för länken, \<a\>

Permalänk: https://www.webforum.nu/p/1633065

## #8 — yador, 2005-06-22T13:51Z

Okej, de visste inte jag.

Permalänk: https://www.webforum.nu/p/1633068

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130383-visa-att-de-e-en-länk