Avatar billede tnpihl Nybegynder
20. juni 2002 - 23:36 Der er 11 kommentarer og
3 løsninger

Cascading Style Sheets

Med CSS er der forskellige muligheder for at definere forskellige egenskaber ved sine links når man fører musen over linket.

Jeg kunne godt tænke mig at høre, hvilke forskellige effekter man kan give sine links.

Jeg er bl.a. interesseret i at høre om man kan lave en stiplet linie omkring linket i stedet for den lige streg eller om man kan give linket en baggrundsfarve når man bevæger musen hen over den.

Post forskellige forslag.

Der er point til alle der svarer med forskellige bud!
Avatar billede sif4ever Nybegynder
20. juni 2002 - 23:39 #1
Du kan godt lave forskellige css især mht til links se f.eks.
http://www.sif4ever.dk/drt.php

Denne side bliver sat ind med et iframe i mit design her:
http://www.sif4ever.dk
Avatar billede hells Nybegynder
20. juni 2002 - 23:39 #2
a:hover {
    font-family: verdana;
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
    background-color: #ffffff;
    margin: 0px;
}

a.menu:link {
    font-family: verdana;
    font-size: 12px;
    color: #000000;
    background-color: none;
    text-decoration: none;
    width: 100%;
    line-height: 25px;
    display: block;
}

a.menu:hover {
    font-family: verdana;
    font-size: 0.75em;
    text-decoration: none;
    color: #000000;
    background-color: #dddddd;
    width: 100%;
    border-top: 1px #000000 solid;
    border-left: 1px #000000 solid;
    border-bottom: 1px #ffffff solid;
    border-right: 1px #ffffff solid;
    line-height: 1.1em;
    display: block;
}

stiplet linie med border:
a {
  border: 1px #000000 dashed;
}
Avatar billede sif4ever Nybegynder
20. juni 2002 - 23:40 #3
Den kan bedre lide mig ;o) Tak til eksperten. (Se tiden)
Avatar billede hells Nybegynder
20. juni 2002 - 23:41 #4
ja, den var pænt tæt
Avatar billede michael-k Nybegynder
20. juni 2002 - 23:43 #5
prøv denne her http://www.w3schools.com/css/default.asp  en gennemgang af hvad css kan :)
Avatar billede sif4ever Nybegynder
20. juni 2002 - 23:54 #6
Avatar billede sif4ever Nybegynder
20. juni 2002 - 23:55 #7
Avatar billede backside Nybegynder
21. juni 2002 - 01:11 #8
Avatar billede gigaload Nybegynder
21. juni 2002 - 20:34 #9
Med Css, kan du lave ALT 3D også videre...

prøv denne reol, hvis du en dag skal have en side med nogle billeder på:

BODY{
Background-color : grey;
}
Caption{
Color : darkblue;
}
TABLE{
border : outset 15px #ccccff;
text-align : center;
}
TD{
color : White;
font-size : 30px;
text-align : center;
padding : 10px;
background-color : #2222FF;
border-right : solid 10px #9999FF;
border-left : solid 3px #5555FF;
border-top : solid 7px # 2222AA;
border-bottom : solid 15px #CCCCFF;
}

dette er bare et eks, men prøv... du bestemmer selv farverne...
Avatar billede gigaload Nybegynder
21. juni 2002 - 20:35 #10
det var et svar....
Avatar billede tnpihl Nybegynder
21. juni 2002 - 22:54 #11
Man kan give effekter på links når man har markøren over. Jeg kender til overline og underline, men kan man ikke have en stiplet linie i stedet for en underline?

text-decoration: none;
Avatar billede hells Nybegynder
21. juni 2002 - 22:57 #12
man kan også bruge line-through i text-decoration, og så er det det.

Du kan i stedet give linket en ramme/border:
a {
  border: 1px #000000 dashed;
  padding: 0px;
}

padding: 0px; er der for at borderen er helt tæt på teksten. borderen er her stiplet(dashed), sort(#000000) og 1px bred(1px)
Avatar billede hells Nybegynder
21. juni 2002 - 22:59 #13
og hvis det skal være ligesom en underline, skal du bruge dette:
a:hover {
  border-bottom: 1px #000000 dashed;
  padding: 0px;
}

altså border-bottom, så det kun er den nedre border, der pilles ved.
Avatar billede tnpihl Nybegynder
25. juni 2002 - 20:57 #14
Så er pointene uddelt!
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