webForumDet fria alternativet

visa att de e en länk

7 svar · 352 visningar · startad av yador

yadorMedlem sedan mars 2004455 inlägg
#1

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

tompeMedlem sedan juni 2004244 inlägg
#2

style="cursor:pointer;"

m_soderlundMedlem sedan sep. 20026 425 inlägg
#3

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!

yadorMedlem sedan mars 2004455 inlägg
#4

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.

SannyWMedlem sedan jan. 2003438 inlägg
#5

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>
yadorMedlem sedan mars 2004455 inlägg
#6

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

InsiderMedlem sedan jan. 2000978 inlägg
#7

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>

yadorMedlem sedan mars 2004455 inlägg
#8

Okej, de visste inte jag.

128 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
124 ms — hämta tråd, inlägg och bilagor (db)