Avatar billede rickie Juniormester
05. oktober 2004 - 23:25 Der er 8 kommentarer og
1 løsning

A og A:hover samt border

Hej alle eksperter.

Jeg har en kalender og har brug for lidt ekspertise :-)

SPÖRGSMÅL 1:
Er der nogen der ved hvordan jeg laver en "A" og en "A:hover" så at der ikke benyttes nogen farve overhoved.
Jeg har prövet med "transparent" men så bliver det sort farve, som på en måde jo godt kan ses som transparent eller standard farve.
Er det muligt at jeg kan lave en <FONT COLOR> direkte i koden som 'skriver' over selve "A" og "A:hover"?

Grunden til dette er at forskelige dage eller events i kalendern skal have forskelige hover.
Aktiv dag er altid röd en event altid grön osv "A" og hover "A:hover" skal altid väre röd.

SPÖRGSMÅL 2:
Er det muligt at lave en "A:hover" med en "border"?
Jeg får godt nok en border rundt min tekst men jeg vil have den i "<TD>"
Er det muligt?

Hvis i kigger på "www.duper.dk/pff" så kan det väre i forstår hvad jeg mener.
Det som skal ske er:
Når musen föres over et tal (er ikke et link endnu), så skal bordern ändres fra grå, röd eller blå (som det er i eksemplet) til röd som skal väre min hover farve.

Er lidt trät men håber at i forstår :-)
Avatar billede roenving Novice
06. oktober 2004 - 10:10 #1
1. Sæt class på din a-tags, så kan du lave dem forskellige:

a.aktiv,a.aktiv:link,a.aktiv:visited{
  display:block;
  color:red;
  text-decoration:none;
}
a.aktiv:hover{
  border:1px dotted red;
  color:red;
  text-decoration:underline;
}
a.optaget{
  color:green;
}

-- osv.

<a href="#" class="aktiv">6</a>

2. du kan se tricket ovenfor: sæt display:block og lav så alligevel border på linket !-)
Avatar billede rickie Juniormester
06. oktober 2004 - 12:29 #2
Det ser ud som det er lige det jeg leder efter, men jeg får det ikke riktigt til at virke.

a.aktiva.aktiv:link,a.aktiv:visited
{
  display: block;
  color: #FF0000;
  text-decoration:none;
}

a.aktiv:hover
{
  border:1px solid #FF0000;
  text-decoration:none;
}

Og selve linket:
<td width="20" class="Aktiv FontColorGreen CalenderBorderGreen AlignC"><a href="Blabla"></a></td>

Håber på hjälp :-)
Avatar billede rickie Juniormester
06. oktober 2004 - 12:35 #3
Det var selvfölgelig Aktiv og ikke Aktiva som jeg menede men det verkar stadig ikke.
Avatar billede rickie Juniormester
06. oktober 2004 - 12:42 #4
Ups! Det var mig der ikke så at det skulle stå i <a href>.
Nr. 2 forstår jeg dog ikke :-)
Avatar billede rickie Juniormester
07. oktober 2004 - 11:08 #5
Er det muligt at du kan hjælpe mig med spørgsmål nr. 2?

Jeg får en border på linket (teksten), men jeg har en border på <td> og det er der jeg vil have hover (border) i en anden farve.

Se www.duper.dk/pff
Avatar billede roenving Novice
09. oktober 2004 - 21:32 #6
Så skal du over i noget javascript, såvidt jeg kan gennemskue !-)

<td width="20" class="Aktiv FontColorGreen CalenderBorderGreen AlignC"><a href="Blabla" onmouseover="this.parentNode.style.borderColor='red';" onmouseout="this.parentNode.style.borderColor='';"></a></td>
Avatar billede rickie Juniormester
11. oktober 2004 - 10:49 #7
Det virker perfekt. Mange tak for hjælpen!

Svar for dine velfortjente points ;-)
Avatar billede roenving Novice
11. oktober 2004 - 16:27 #8
Velbekomme '-)
Avatar billede roenving Novice
11. oktober 2004 - 18:52 #9
-- og tak for point ;~}
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