webForumDet fria alternativet

Border runt en länk på mouse over

HTML & CSS

31 svar · 680 visningar · startad av mattiasnordin · sida 2 av 2

Frågan, av mattiasnordin

Hej alla, Kan man få till en border (som på en bild) runt en länk på ett onMouseOver event? :q

Läs frågan i sin helhet →
Medlem sedan maj 20012 080 inlägg
#21

Det jag vill åstakomma är alltså igentligen inte en länk (det var det tidigare men jag har ändrat mig) ;)

Jag vill ha en text där ett ord får border=1 vid hover.

Medlem sedan juli 20013 378 inlägg
#22

Som sagt - du kan få hover på vadsomhelt i MSIE om du lägger till Dean Edwards IE7-behaviour...

Komplett och fungerande exempel som visar hur man via "IE7" får till hover på en input-tagg i MSIE6:
http://dean.edwards.name/IE7/compatibility/hover.html

Borde inte den kunna lösa ditt problem också ?

Medlem sedan nov. 200013 890 inlägg
#23

Jo, href="#" laddar om sidan och letar efter ett "a name" som inte är definierat (om jag inte har fått det om bakfoten).

http://www.webforum.nu/showthread.php?s=&postid=856620#post856620 :i

Medlem sedan maj 20012 080 inlägg
#24

Jo det fungerar bra.

O vi tackar Jarvklo, Web-Tor, nitro2k01, Cyprus etc för hjälpen :) :)

Medlem sedan maj 20012 080 inlägg
#25

citat:
--------------------------------------------------------------------------------
Jo, href="#" laddar om sidan och letar efter ett "a name" som inte är definierat (om jag inte har fått det om bakfoten).
--------------------------------------------------------------------------------
http://www.webforum.nu/showthread.p...6620#post856620

Fick det inte att fungera.

Medlem sedan nov. 200013 890 inlägg
#26

Visa kod.

Medlem sedan maj 20012 080 inlägg
#27

Nu valde jag att lösa det på ett annat sätt men det jag ville göra är:

<style type="text/css">
<!--
a.test {
display: inline-block;
border: 1px solid efefef;
text-decoration: none;
cursor: pointer;
}
a.test:hover {
border: 1px solid blue
}
-->
</style>

<a class=test OnClick="doMe(); ">Länknamn</a>
<a class=test OnClick="doMe(); ">Länknamn</a>
<a class=test OnClick="doMe(); ">Länknamn</a>
<a class=test OnClick="doMe(); ">Länknamn</a>
<a class=test OnClick="doMe(); ">Länknamn</a>

Medlem sedan maj 20012 080 inlägg
#28

Eller möjligen:

<font class=test OnClick="doMe(); ">Länknamn</font>
<font class=test OnClick="doMe(); ">Länknamn</font>
<font class=test OnClick="doMe(); ">Länknamn</font>
<font class=test OnClick="doMe(); ">Länknamn</font>
<font class=test OnClick="doMe(); ">Länknamn</font>

Järvklos inlägg tillåter detta så jag nöjer mig med den lösningen om inte någon har någon smidigare. Det räcker om det fungerar i MsIE6.x

Tjolahopp!

Medlem sedan nov. 200013 890 inlägg
#29

Länkarna ska se ut så här för att sidan inte ska laddas om:

<a href="#" class="test" onclick="doMe();return false;">Länknamn</a>
Medlem sedan nov. 20014 054 inlägg
#30

Btw. <a href="#">namn..</a>laddar väl inte om sidan? :q

Medlem sedan maj 20012 080 inlägg
#31

Det kanske är fel att säga att den laddar om sidan. Hur som helst. Testa så här:

Skapa en sida med hundra <br> och sedan länken <a href="#">namn..</a>.
När du klickar på den så hokus pokus hamnar du längst upp. Det vill inte jag ska ske. Har du en lång sida så vill jag kunna klicka på "länkarna" utan att man scrollas till toppen.

Det klassiska sättet att använda # i länkar är ju interna länkar inom samma dokument. Så det förvånar mig inte att det blir som det blir.

<a href="#namn">länk till namn i mitt dokument</a>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<a name=namn></a>Här hamnar du när du klickar på länken.
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
Medlem sedan maj 20012 080 inlägg
#32

Ok, tack Tor ! :)

245 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
119 ms — deklarationer (db)
0 ms — hämta statistik (cache)
123 ms — hämta tråd, inlägg och bilagor (db)
116 ms — ändringar (db)