Avatar billede Blueeyez Mester
10. december 2011 - 15:23 Der er 5 kommentarer og
1 løsning

HTML + CSS - Link..

Hvordan er det lige man  ordner de der links?

Jeg har forsøgt og finde information om links i CSS, men er kun endt op med denne: http://www.w3schools.com/css/css_link.asp

Og der står intet om hvordan linket i html filen skal laves (Desværre)

Normalt bruger jeg "<a href="destination">navn</a>"

Samt hvordan skal det skrives i CSS filen?
Avatar billede claes57 Ekspert
10. december 2011 - 16:01 #1
du kan bare gøre som dette hvor css er med i html-filen

<html>
  <head>
    <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-1">
    <title>Gammel side</title>
   
    <style type="text/css">
    <!--
    body {
      color:#000000;
      background-color:#FFFFFF;
    }
    a  {color:#0000FF; text-decoration: none;}
    a:visited { color:#800080;}
    a:hover { color:#FFFFFF; background-color:#0000FF;}
    a:active { color:#FF0000;}
    -->
    </style>
  </head>
  <body>
<a href="nyside.html" title="Gå til ny side">Klik her</a>
  </body>
</html>
Avatar billede Blueeyez Mester
10. december 2011 - 16:18 #2
#1 Arbejder generelt i eksterne CSS'er :)

Men tak, nu fik jeg løst det med farven, hvis vi nu siger følgende os skal ind i CSS delen: text-align:center;

Hvordan skal det så placeres? Synes ikke det virker for mig om jeg sætter den foran nuværende text eller til sidst i rækken af a: koderne..

Smid gerne med svar, så får du point :)
Avatar billede NielsErikP Mester
10. december 2011 - 16:31 #3
Hej...
Hvis du skal have centreret dit link, skal der jo være noget at centrer det ud fra eller i...
Evt. en div med en width på, så man ved i hvad det er det skal centreres i...
Avatar billede claes57 Ekspert
10. december 2011 - 16:34 #4
bare luk...
Avatar billede Blueeyez Mester
10. december 2011 - 17:12 #5
Okay, lader ikke til mine links lader sig berøre så for nu lader jeg den del af det hele forblive i html filen.. :S Lukker
Avatar billede Vixo Novice
10. december 2011 - 17:49 #6
Hvis du skriver f.eks:
<a href="#">Din side</a>

og du gerne vil redigere css i en ekstern fil så husk at skriv:
<link type="text/css" rel="stylesheet" href="style.css" />
(den linker til filen ved navn: style.css).

Inde i filen "style.css", kan du så skrive:

a {
    color:#000000;
    background-color: #ffffff;
    align: center;
}

du kan altid finde en masse css koder på w3schools hjemmeside.
Sværere er det faktisk ikke :)

Hvis du så gerne vil have linket til f.eks. at skifte farve når du tager musen over linket så skriv:

a:hover {
    Din kode herinde
}

a { }, betyder at du vælger dit link - dvs hvis du laver flere links så vil de få samme style som du skriver mellem { }
a:hover { } er den style som link skal have når du tager musen over linket.

Håber det var det du ville have hjælp til og det hjalp dig?? :D
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