Avatar billede cybermaster Nybegynder
07. november 2003 - 20:13 Der er 16 kommentarer og
1 løsning

kan dette gøres kortere og stadivæk kunne det samme?

<style>
input { BORDER-STYLE: SOLID; BORDER-WIDTH: 1;BACKGROUND-COLOR: #FFFFFF;
        FONT-FAMILY: verdana; FONT-SIZE: 10 pt;}
</style>
<style type="text/css">
  BODY {
  scrollbar-3d-light-color: #D06868;
  scrollbar-arrow-color: #964727;
  scrollbar-base-color: #FFFFFF;
  scrollbar-dark-shadow-color: #D06868;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #D06868;
  scrollbar-shadow-color: #D06868;
  scrollbar-track-color: #FFFFFF;
  }
</style>

<style>
<!--
a:link.plus {
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }
a:visited.plus {
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }
a:active.plus {
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }
a:hover.plus {
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }

    a:link.stop {
    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    }
a:visited.stop {
    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    }
a:active.stop {
    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    }
a:hover.stop {
    font-family: verdana;
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
    }
-->
</style>
Avatar billede skovenborg Nybegynder
07. november 2003 - 20:23 #1
i starten kan du i hvert fald sige:
input { border:1px solid black;BACKGROUND-COLOR: #FFF;font: 10pt verdana;}
Avatar billede skovenborg Nybegynder
07. november 2003 - 20:25 #2
og så linkene:
a:link.plus,a:visited.plus,a:active.plus,a:hover.plus
{
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}
eller måske bare:
a.plus
{
font-family: verdana;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

Det med kommaerne kan du også gøre med .stop
Avatar billede skovenborg Nybegynder
07. november 2003 - 20:33 #3
sammenlagt vil jeg nok skrive det sådan her:
<style type="text/css">
<!--
input { border:1px solid #000;BACKGROUND-COLOR: #FFF;FONT: 10pt verdana,sans-serif;}
BODY {
  scrollbar-3d-light-color: #D06868;
  scrollbar-arrow-color: #964727;
  scrollbar-base-color: #FFFFFF;
  scrollbar-dark-shadow-color: #D06868;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color: #D06868;
  scrollbar-shadow-color: #D06868;
  scrollbar-track-color: #FFFFFF;
  }
a.plus:link,a.plus:visited,a.plus:active,a.plus:hover {
    font:12px bold verdana,sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    }

a.stop:link,a.stop:visited,a.stop:active,a.stop:hover {
    font:10px verdana,sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}
-->
</style>
Avatar billede skovenborg Nybegynder
07. november 2003 - 20:40 #4
hvis det skal være helt korrekt skal man egentlig lige bytte om på bold og 12px:
font:bold 12px verdana,sans-serif;

Jeg vil dog også mene man kan skrive det lidt mere om sådan her:
a.plus,a.stop
{
color: #FFFFFF;
text-decoration: none;
}
a.plus {font:bold 12px verdana,sans-serif;}
a.stop {font:10px verdana,sans-serif}
Avatar billede cybermaster Nybegynder
07. november 2003 - 22:14 #5
tester i morgen, tak for nu
Avatar billede cybermaster Nybegynder
08. november 2003 - 15:34 #6
Perfekt ;-)
Avatar billede roenving Novice
10. november 2003 - 03:12 #7
>>skovenborg

-- nu må du da snart lære det *g*:

1. Rækkefølgen for pseudo-selectors er:

:link:visited:hover:active

-- ingen andre giver mening (prøv bare lige at tænke den, det vil altid være det sidst skrevne, som har en match, som vil blive brugt)

2. Hvis alle forskellige pseudolinks skal have samme css-attributter, kan man lige så godt skrive:

:link:visited:hover:active

3. det er ikke nødvendigt at angive tagName, hvis man alligevel bruger en class, så det ender med:

a{
    color: #FFFFFF;
    text-decoration: none;
}
.plus:link:visited:hover:active {
    font:12px bold verdana,sans-serif;
    }

.stop:link:visited:hover:active {
    font:10px verdana,sans-serif;
}
Avatar billede skovenborg Nybegynder
10. november 2003 - 16:27 #8
ja, jeg tænkte nok du ville skrive det - men jeg har aldrig fået det til at virke, så jeg ville ikke skrive det i denne omgang.

Den med rækkefølgen var vist en smutter - eller også viste jeg det ikke rigtigt ;-)
Men tak for tippet.
Avatar billede skovenborg Nybegynder
10. november 2003 - 16:30 #9
og det med tagname er bare noget jeg gør - ved godt det er ligegyldigt.
Avatar billede roenving Novice
10. november 2003 - 18:40 #10
Det virker da helt uproblematisk for mig at stakke pseudo-selectorerne ?-)
Avatar billede skovenborg Nybegynder
11. november 2003 - 00:35 #11
tjaa, jeg ved ikke hvad der er galt. Men når man stacker dem som du plejer, betyder det ikke at alle de forskellige pseudo-elementer skal gælde på en gang?!? (hvis altså jeg har læst rigtigt i w3c recommendationen).

Jeg mener fx hvis du skriver:
a:link:hover{
    color:#0ff;
}
a:visited:hover {
    color:#f00;
}

Så bliver farven turkis når det er et almindeligt link du fører musen over, mens den bliver rød hvis du fører musen over et besøgt link. Måske det bare mig der har misforstået noget, men det er i hvert fald sådan jeg får det til at virke.
Avatar billede roenving Novice
11. november 2003 - 00:38 #12
Nej, a:visited:hover betyder præcis det samme som a:visited,a:hover !-)
Avatar billede ztyxx Nybegynder
11. november 2003 - 00:40 #13
for at korte det mere af, kan alle scrollbar-styles klippes ud, da de kun virker i MSIE
Avatar billede roenving Novice
11. november 2003 - 00:41 #14
>>skovenborg

Prøv ovenstående styles på dette link:

<a href="http://www.ensidesomjegaldrignogensindeharbesøgt" >Link</a>
Avatar billede skovenborg Nybegynder
11. november 2003 - 16:50 #15
hjalp ikke meget - i mozilla blev linket turkis når jeg førte musen over og IE lavede den rød. Men det du plejer at sige er jo at:
a:link,a:visited,a:hover,a:active
og
a:link:visited:hover:active er det samme. Og det er egentlig bare det der aldrig virker for mig. Eller er det mig der misforstår dig nu ?-)
Avatar billede roenving Novice
11. november 2003 - 23:38 #16
Ha, det må jeg prøve, øjeblik !-)
Avatar billede roenving Novice
11. november 2003 - 23:42 #17
Tjah, så kan man jo bare sige, at her er et tilfælde, hvor IE præcis overholder standarden jvf. http://www.w3.org/TR/REC-CSS2/ ...

-- mens Mozilla laver en 'alternativ' tolkning, som svarer til din oplevelse !-|
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