Søg
Avatar billede sandfeld Novice
03. maj 2001 - 11:45 Der er 4 kommentarer og
1 løsning

Stylesheets

Herunder er vist et udpluk fra en stylefil.

a:link    {color=#D80E0E; text-decoration: underline}
a:visited {color=#D80E0E; text-decoration: underline}
a:active  {color=#3300CC; text-decoration: underline}
a:hover  {color=#3300CC; text-decoration: underline}


Er der nogen der ved hvad man skal skrive for at der blive et felt med en eller anden baggrundsfarve når man bevæger musen henover et link i stedet for, at linkteksten blot skifter farve?
Avatar billede nikolajdu Nybegynder
03. maj 2001 - 11:48 #1
Den her skulle give dig svar.

http://www.builder.dk/artikler/article.asp?AID=71
Avatar billede ucfatrox Nybegynder
03. maj 2001 - 11:49 #2
Så skal du bruge lidt andet... 2 sec....
Avatar billede ucfatrox Nybegynder
03. maj 2001 - 11:51 #3
Skriv det her i den head:
---------------------------------------
<SCRIPT language=javascript>
    function mOvr(src) {
      if (!src.contains(event.fromElement))
      {src.style.cursor = \'hand\'; src.bgColor = \'#272727\';}
    }

    function mOut(src) {
    if (!src.contains(event.toElement))
      {src.style.cursor = \'default\'; src.bgColor = \'#000000\';}
    }

    function mClk(src) {
    if(event.srcElement.tagName==\'TD\')
      {src.children.tags(\'A\')[0].click();}
    }

</SCRIPT>
---------------------------------------

og lav en TD sådan her:

---------------------------------------
<TD width=\"20%\" onmouseover=mOvr(this) onclick=mClk(this) onmouseout=mOut(this);>
<A class=\"menu\" HREF=\"pages/test.html\">Test</A></TD>
---------------------------------------


Så burde det virke... Det gør det ihvertflad her: beam.to/atrox
Avatar billede ucfatrox Nybegynder
03. maj 2001 - 11:52 #4
DOH!... ihvertflad... ;/
Avatar billede Techwork Praktikant
03. maj 2001 - 13:37 #5
Det kan nemt laves med Style-sheet:

<html>
<head>
<title></title>
<style type=\"text/css\">
    a:link    {color=#D80E0E; text-decoration: underline}
    a:visited {color=#D80E0E; text-decoration: underline}
    a:active  {color=#3300CC; text-decoration: underline}
    a:hover  {color=#33BBCC; text-decoration: underline; background-color: #4A7B9C;}
</style>

</head>
<body>
<a href=\"test.html\">test</a>
</body>
</html>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 21/08/202611:03
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 21/08/202611:08
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »