Avatar billede UlrikOne Nybegynder
02. august 2009 - 11:28 Der er 19 kommentarer

Links der er sorte og som understregres når musen køres over linket?

Ja, titlen rummer spørgsmålet i sig selv:

Hvordan laver jeg links der er helt sorte (uanset om de har været trykket på, er aktive, eller ikke har været trykkede på før)??

Og hvordan får jeg dem til at understrege når jeg kører mussen over??

Jeg har ok erfaring med at bruge CSS, så jeg skal egentlig bare bruge koden jeg skal indsætte, så er jeg tilfreds :-)

På forhånd 1000 tak!!
Avatar billede keysersoze Ekspert
02. august 2009 - 11:37 #1
a
{
  color: #000000;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}
Avatar billede mrgumble Nybegynder
02. august 2009 - 11:38 #2
Det du skal bruge er disse pseudoklasser, som beskrevet herinde: http://w3schools.com/css/css_pseudo_classes.asp
Dvs. disse:

a:link {color:#FF0000} /* unvisited link */
a:visited {color:#00FF00} /* visited link */
a:hover {color:#FF00FF} /* mouse over link */
a:active {color:#0000FF} /* selected link */
Avatar billede UlrikOne Nybegynder
02. august 2009 - 12:04 #3
keysersoze: Jeg vælger dit forslag for jeg kan kende den slags CSS-kode. Mit problem er at det virker. Jo teksten bliver ganske vidst sort, men den understreger ikke linksne når jeg kører over dem. Er du sikker på du ikke har lavet en eller anden fejl i koden?
Avatar billede UlrikOne Nybegynder
02. august 2009 - 12:09 #4
HMM underligt... det virker hvis jeg kalder filen .html i stedet for .shtml MEN... jeg bliver nød til at kalde filen for .shtml for ellers kan jeg ikke INCLUDE min menu.html-fil.

Nogen idé til en løsning????
Avatar billede mrgumble Nybegynder
02. august 2009 - 12:18 #5
Jeg mener ikke, at det er god stil, at overloade klasserne i CSS som keysersoze gør det (a:hover er en underklasse af a).

Jeg ville i stedet gøre følgende:
a:link, a:visited {
  color: #000000;
  text-decoration: none;
}

a:hover, a:active {
  color: #000000;
  text-decoration: underline;
}

for så bliver linket understreget, både når musen holdes over og når linket er valgt med tastaturet.
Avatar billede olebole Juniormester
02. august 2009 - 13:41 #6
<ole>

mrgrumble >> Hvad mener du med: "at overloade klasserne i CSS"?

Hvad mener du med: "for så bliver linket understreget, både når musen holdes over og når linket er valgt med tastaturet."?

/mvh
</bole>
Avatar billede mrgumble Nybegynder
02. august 2009 - 13:50 #7
Da a:hover er en underklasse af a, bliver egenskaberne af a:hover defineret over to omgange. Først i forbindelse med a, og dernæst i forbindelse med sig selv. Og det er dét, jeg mener med at overloade klasserne og som jeg mener ikke er så smart.

Hvad mener du med: "Hvad mener du med: "for så bliver linket understreget, både når musen holdes over og når linket er valgt med tastaturet."?"?
Avatar billede olebole Juniormester
02. august 2009 - 14:05 #8
Jamen, det er da neto dén måde, CSS skal bruges på. Det er dig, der bruger det uhensigtsmæssigt  ;o)

Da du sætter samme tekstfarve for både elementet og dets underklasser, er det yderst hensigtsmæssigt at definere de fælles properties i element klassen - og forskellene mellem underklasserne, hvor de hører hjemme. Rigtig god kodestil!

Jeg går udfra, du mente noget med sætningen: "for så bliver linket understreget, både når musen holdes over og når linket er valgt med tastaturet.". Jeg spørger bare, hvad du mente med sætningen. Det troede jeg fremgik ganske tydeligt af mit spørgsmål  =)
Avatar billede Slettet bruger
02. august 2009 - 17:29 #9
Jeg tror han mente "For så bliver linket understreget, både når musen holdes over, og når du tab'er dig hen til det."
Avatar billede olebole Juniormester
02. august 2009 - 17:39 #10
Måske, men i så fald tager han fejl. Det er ikke standardiseret opførsel i henhold til CSS standarden - og det sker i øvrigt kun i IE
Avatar billede mrgumble Nybegynder
02. august 2009 - 17:46 #11
Det ser ud til at jeg også lærer noget nyt i dag.
Et hurtigt opslag i specsene for CSS 2.1, så gælder :active mens en bruger trykker på linket, dvs. mellem man trykker og slipper knappen.
Det jeg troede :active gjorde, er hvad :focus gør.
Avatar billede olebole Juniormester
02. august 2009 - 18:11 #12
Præcis, men man skal stadig være lidt forsigtig med virkemåden.

:active tolkes således forskelligt. I nogle browsere rammer den kun linket, mens det er trykket ned. I andre beholder linket :active's property værdier, til et andet link trykkes ned.

Dette ses naturligvis ikke ved sideskift ... kun, hvor et link bruges til at trigge et JavaScript - eller ved links, der loader et dokument i et andet window objekt (f.eks. ved popups eller (i)frames)
Avatar billede chris0905 Nybegynder
05. august 2009 - 19:25 #13
hvis du vil have en include kan du lave det om til PHP. Har ikke så meget forstand på shtml, men i php er en include bare <? include("din-menu.html")?>
Det ville jeg gøre.....
Avatar billede olebole Juniormester
06. august 2009 - 19:07 #14
Der skaber vel ikke umiddelbart problemer, at man ved SSI er nødt til at kalde den inkluderende fil '*.shtml'? At skulle kalde den '*.php' gør næppe noget lettere  =)
Avatar billede chris0905 Nybegynder
06. august 2009 - 20:47 #15
man kan bruge css-filen som vi vil her
Avatar billede keysersoze Ekspert
06. august 2009 - 22:09 #16
så tror jeg at du har misforstået noget - både SSI og PHP-include fungerer på serveren og her dannes altså et resultat, HTML/CSS, som klienten skal fortolke. Det gør altså ingen forskel på hverken fortolkningen af eller mulighederne i din CSS om du gør det ene eller det andet.
Avatar billede chris0905 Nybegynder
07. august 2009 - 08:06 #17
Han siget at det med linksne ikke virker i SHTML og han beder om et forslag til en løsning. Det var det jeg gav.
Avatar billede olebole Juniormester
07. august 2009 - 15:02 #18
Links virker fint under SSI. Derfor er en anden løsning, hvor spørgeren laver samme fejl som nu, nok ikke en løsning. Vi må i stedet prøve at finde ud af, hvad vedkommende laver af fejl. kan vi give et forslag  ;o)
Avatar billede keysersoze Ekspert
29. december 2009 - 11:15 #19
lukketid?
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