Avatar billede ch007 Nybegynder
07. juni 2007 - 23:18 Der er 18 kommentarer og
2 løsninger

Skrifttype trykket

Hej.

Jeg har fået en hjemmesideopgave, hvor de gerne vil have følgende på deres hjemmeside:

** MENU (gul):
Arial Bold
11 pt.
Trykket 80 % i højden.
Skydning 80
Farve: 333333
Store bogstaver

Hvor skriver jeg trykket og skydning (hvad end sidstnævnte er) ind i min CSS? Kan man det?
Avatar billede Keld Nielsen Professor
08. juni 2007 - 10:16 #1
Jeg mener ikke du kan "trykke" en skrift via CSS.
Skydning er typografisk udtryk for linemellemrum, som du selvfølgelig nemt kan lave med "line-height".
Avatar billede w13 Novice
08. juni 2007 - 11:37 #2
Hvad er "trykket"? :)
Avatar billede roenving Novice
08. juni 2007 - 12:38 #3
-- og pt er ikke en hensigtsmæssig enhed på www, da den tolkes højst forskelligt af de forskellige browsere (enkelte finder ligefrem på at gøre som der står, de fortolker det simpelthen som typografiske punkter med en størrelse pr. stk på ca. 0,35 mm, mens andre vælger at ignorere det, der står og undersætter det til pixels, som afhængig af skærmen har en størrelse på ca. 0,2 - 0,28 mm !-)

-- så det må nok blive til:

.menuGul{
  font-family: arial,sans-serif;
  font-weight: 700;/*bold på css'sk -- kan sættes op til 900*/
  font-size: 9px;
  line-height: 0.8;
  color: #333;
  text-transform: uppercase;
}

-- men en mørk grå er jo ikke særlig gul ...
Avatar billede olebole Juniormester
08. juni 2007 - 14:41 #4
<ole>

- nej, men det er gul så til gengæld:

.menuGul{
  background: yellow;
  font-family: arial,sans-serif;
  font-weight: 700;/*bold på css'sk -- kan sættes op til 900*/
  font-size: 9px;
  line-height: 0.8;
  color: #333;
  text-transform: uppercase;
}

- mon ikke, det var, hvad spørgeren mente med det gule?  =)

/mvh
</bole>
Avatar billede ch007 Nybegynder
14. juni 2007 - 16:44 #5
Takker - smider du et svar roenving?
Avatar billede ch007 Nybegynder
14. juni 2007 - 17:10 #6
Hvad med skydning 80 ??
Avatar billede w13 Novice
14. juni 2007 - 17:10 #7
Skydningen skulle gøres af line-height: 0,8;
Avatar billede ch007 Nybegynder
14. juni 2007 - 17:17 #8
line-height er højden der bliver mindre. Jeg tror med skydning at de mener afstaden mellem bogstaverne
Avatar billede Keld Nielsen Professor
14. juni 2007 - 17:19 #9
Jeg gentager lige mig selv:
Skydning er typografisk udtryk for linemellemrum
Avatar billede ch007 Nybegynder
14. juni 2007 - 17:49 #10
Sorry fotograf. Det er rigtigt. Men hvad så med mellemrum mellem bogstaverne - kan man gøre noget ved det?
Avatar billede w13 Novice
14. juni 2007 - 18:01 #11
Du indsætter bare eks.:
line-height: 0.8;
:)
Avatar billede w13 Novice
14. juni 2007 - 18:01 #12
Hov!
Selvfølgelig:
line-spacing: 0.8;
Avatar billede w13 Novice
14. juni 2007 - 18:03 #13
Hold da kæft..

letter-spacing!! :P
Avatar billede Keld Nielsen Professor
14. juni 2007 - 18:04 #14
Det er vel retteligt:  letter-spacing: 0.8em;
...ellers giver det jo ikke mere afstand mellem bogstaverne.
Avatar billede w13 Novice
14. juni 2007 - 18:06 #15
nemlig ^^
Avatar billede roenving Novice
15. juni 2007 - 14:14 #16
Det ligner jo en deler !-)

Velbekomme '-)
Avatar billede ch007 Nybegynder
20. juni 2007 - 10:10 #17
w13 - vil du smide et svar også?
Avatar billede w13 Novice
20. juni 2007 - 12:13 #18
Det gør jeg. :)
Avatar billede w13 Novice
21. juni 2007 - 21:40 #19
Tak for point! :)
Avatar billede roenving Novice
22. juni 2007 - 00:43 #20
-- også jeg takker 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