Avatar billede cbadk Novice
09. september 2003 - 01:07 Der er 10 kommentarer og
1 løsning

Hvordan er det at man tilknytter et "item" link!

Hvordan er det at man tilknytter et "item" link!

.right_text  { font-size: 11 px; color:#000000 }
right_text.a:active    { color: #000000; text-decoration: none }
right_text.a:hover      { color: #000000; text-decoration: none }
right_text.a:link      { color: #000000; text-decoration: none }
right_text.a:visited    { color: #000000; text-decoration: none }

Hvis jeg feks har right_text og jeg gerne vil have den tilknyttet link, hover osv.?
Avatar billede roenving Novice
09. september 2003 - 01:19 #1
.right_text{font-size:11px; color:#000000}
.right_text:link:visited:hover:active{text-decoration:none}


<a class="right_text" href="">link</a>

-- rækkefølgen på pseudo-classes er meget vigtig hvis de skal være forskellige, men til gengæld er det tilladt at forkorte som ovenstående ...
Avatar billede roenving Novice
09. september 2003 - 01:24 #2
En sandsynlig måde at bruge det på, er:

.right_text{font-size:11px; color:#000000}
.right_text a:link:visited:hover:active{text-decoration:none}


<a href="">link udenfor right-text</a>

<div id="right-text">
<a href="">link inde i right-text</a>
</div>

-- da sådan en gruppering ofte er det man har brug for med links !-)
Avatar billede roenving Novice
09. september 2003 - 01:25 #3
Hov:

<div class="right-text" id="minDiv">
<a href="">link inde i right-text</a>
</div>
Avatar billede k-asp-er Nybegynder
09. september 2003 - 03:10 #4
Eller; hvis man ikke ællsker divs, der kan kolidere med hinanden:
<a class="right_text" href="">link inde i right-text</a>
Avatar billede roenving Novice
09. september 2003 - 22:25 #5
>>k-asp-er

-- det var det første alternativ jeg angav 01:19:41 ?-)

-- og vhordan kan divs kollidere med hinanden ?o]
Avatar billede Slettet bruger
12. september 2003 - 23:59 #6
eksempel:

right_text * a { bleh }
right_text * a:hover { bleh }
right_text * a:visited { bleh }

"*", betyder "all"
Avatar billede cbadk Novice
13. september 2003 - 02:41 #7
Hej :)

Jeg kan ikke få dette til at virke...kan i hjælpe mig?

function topmenu() {
  var d = document

  d.writeln('<div class="righttext">')
  d.writeln('<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" height="300">')
  d.writeln('<tr>')
  d.writeln('<td height="20">&nbsp;</td>')
  d.writeln('<td height="20"><b>Oversigt</b></td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'("d");flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">&nbsp;<a class="right_text" href="http://mobil.i1portal.dk/Default.asp?id=16A21C31-428B-49D7-860F-FE4BA39B35F8&groupid=1">&gt; Forsiden</a></td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">')
  d.writeln('&nbsp;<a href="http://mobil.i1portal.dk/produkter/default.asp?id=15948DED-09A7-4592-8AA1-82C9458D9FC3&groupid=1">&gt; Produkter</a> </td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">')
  d.writeln('&nbsp;<a href="http://mobil.i1portal.dk/anmeld">&gt; Anmeldelser</a></td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">&nbsp;<a href="http://mobil.i1portal.dk/artikler">&gt; Arktikler</a></td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">&nbsp;&gt; Baggrunde</td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">&nbsp;&gt; Voice-greetings</td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">&nbsp;&gt; Billed-beskeder</td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="23">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="23">&nbsp;&gt;')
  d.writeln('Ringetoner</td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="24">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="24">&nbsp;&gt; Et godt grin</td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="24">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="24">&nbsp;&gt; Talebeskeder</td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="24">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="24">&nbsp;&gt; SMS</td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="24">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="24">&nbsp;&gt;')
  d.writeln('WAP </td>')
  d.writeln('</tr>')
  d.writeln('<tr>')
  d.writeln('<td height="24">&nbsp;</td>')
  d.writeln('<td onmouseover=\'flipbg(this,"in","#E0E0E0","");\' onmouseout=\'flipbg(this,"out","#0099FF","");\' height="24">')
  d.writeln('&nbsp;</td>')
  d.writeln('</tr>')
  d.writeln('</table>')
  d.writeln('<hr color="#FFFFFF" noshade size="1" width="142">')
  d.writeln('</div>')

}

Den udskriver ikke DIV korrekt!
Avatar billede roenving Novice
13. september 2003 - 02:47 #8
Uden at have kigget det helt igennem (på dette tidspunkt -- gaab !-) ...

Hvorfor er det en funktion ?-)

Kunne du ikke bare kaste det ind i html-filen på det rette sted !-)
Avatar billede cbadk Novice
13. september 2003 - 02:52 #9
HEJ :-O
gab ...også her

.righttext {font-size:11px; color:#000000}
.righttext a:link:visited:hover:active{text-decoration:none; color:#000000}

Dette er det jeg ikke kan få til at virke?
Avatar billede roenving Novice
13. september 2003 - 02:54 #10
Hvis det ligger inde i tabeller giver det andre problemer, jeg ville prøve med:

.righttext * a:link:visited:hover:active{text-decoration:none; color:#000000}
Avatar billede cbadk Novice
16. september 2003 - 16:10 #11
tak
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester