Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:12 Der er 26 kommentarer og
1 løsning

Font: 12px verdana og hvid

Hej

Hvordan skal min css se ud hvis jeg godt have noget tekst til at være 12px verdana og hvid?

Hvad skal jeg skrive ved teksten, da det ikke er ald mit tekst der skal være sådan..?
Avatar billede fangel Nybegynder
17. januar 2004 - 10:16 #1
du kan fx gøre sådan at du lægger alt tekst du vil have den størrelse ind i et tag hvori du skriver class="tekst" - dvs fx <p class="tekst">test</p>

i CSS skriver du så

.tekst{
  font : 12px verdana white;
}
(mener jeg det er - hvis det ikke er så skal jeg lige slå op i en bog)

Morten
Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:20 #2
Det virker ikke helt tekst farven bliver sort..
Avatar billede Slettet bruger
17. januar 2004 - 10:21 #3
prøv:

.tekst {
font: 12px verdana;
coor: #ffffff;
}
Avatar billede Slettet bruger
17. januar 2004 - 10:21 #4
hov, ikke coor, men color
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:21 #5
Eller det her (Nogenlunde det samme, men anderledes kode)

span.tekst {
    font-family: verdana, arial, helvetica, sans-serif; /* Det er altid godt at få flere fonte med, hvis den aktuelle font ikke understøttes */
    font-size: 12px;
    color: #hhh;
    }

Din tekst kalder du så:
<span class="tekst">Den aktuelle tekst her!</span>

/Rune
Avatar billede cdc Novice
17. januar 2004 - 10:23 #6
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:25 #7
ved #hhh skriver du bare white ;)
Avatar billede cdc Novice
17. januar 2004 - 10:25 #8
og husk at starte:
<style type="text/css">
<!--
her skriver du din css
-->
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:25 #9
..eller #fff :)
Avatar billede cdc Novice
17. januar 2004 - 10:27 #10
<style type="text/css">
<!--
.tekst {
font: 12px verdana;
color: #ffffff;
}
-->

og den skal placeres mellem <head> og </head>

og lidt mere avanceret som extern fil med link til, ved bare ikke hvor dreven du er i css
Avatar billede mjl Nybegynder
17. januar 2004 - 10:27 #11
<style type="text/css">
.text {
font-family : verdana;
font-size : 11px;
color : #000000;
font-weight : bold;
}
</style>

Kan også skrive <font class=text>Tra la la</font>
Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:27 #12
lordhead: kan du ikke få dette sat sammen så det fylder en linje?

    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;

Hvad for en er bedst at bruge?

<p class="menutekst" align="center">Menu</p>

eller

<center><span class="menutekst">Menu</span></center>
Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:30 #13
Hov glemte at skrive at teksten skal være med fed..
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:31 #14
Det kan fylde 2 linier:

    font: verdana, arial, helvetica, sans-serif 12px;
    color: #FFFFFF;

..Og <span> er bedst, da den bedre kan positioneres. Se evt. http://www.html.dk/tutorials/css/lektion8.asp
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:31 #15
så skriver du bare    font: verdana, arial, helvetica, sans-serif 12px bold;
Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:33 #16
skal det ikke hedde font-family: mere?

Kun?
font: verdana, arial, helvetica, sans-serif 12px bold;
Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:35 #17
Teksten bliver ikke fed..
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:35 #18
Jeg foretrækker font-family, men man kan sagtens bare bruge font. Det fylder desuden mindre med font kun. Jeg synes bare det er pænere hvis man sætter det op selvstændigt
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:35 #19
Hmm.. Jamen, så må du jo skrive font-weight: bold;
Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:39 #20
Tak for hjælpe alle sammen..
Avatar billede lordhead Nybegynder
17. januar 2004 - 10:40 #21
Takker for points ;)
Avatar billede mpj86 Nybegynder
17. januar 2004 - 10:45 #22
np..

Er det bedst hvis jeg skriver min CSS i mit html dokument eller skal jeg hente min CCS fra en fil ind i mit dokument?

Har bare hør at man kan slå CCS fra i sin browser, er det rigtigt?
Avatar billede exp Juniormester
17. januar 2004 - 10:56 #23
Desværre er font ikke lige godt understøttet af alle browsere.

Har personligt oplevet problemer med det i IE 6.0.2800.1105.xpsp2.030422-1633
Avatar billede lordhead Nybegynder
17. januar 2004 - 11:55 #24
Jeg ville foreslå at gøre det fra et eksternt style-sheet!

I dit html-dokument ( i head ) sætter du følgene ind:

<link rel="stylesheet" type="text/css" media="screen" href="style.css">


Derefter opreter du så en ny fil med endelsen .css og kalder den for style.css.

Enkelt ikke? :)
Avatar billede mpj86 Nybegynder
17. januar 2004 - 12:14 #25
Ok..

Hvad betyder: media="screen" ?
Avatar billede doggy82 Praktikant
17. januar 2004 - 15:42 #26
Det betyder at det er det style sheet som skal bruges på skærmen (screen).
Man kan så lave et andet style sheet til f.eks. print: media="print"
Så man kan sætte teksten op så den egner sig bedre til at blive printet
Avatar billede exp Juniormester
18. januar 2004 - 23:33 #27
... og fx undgå at bannere, reklamer og lignende bliver skrevet ud :-)
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

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Solution Manager til Cyberdivisionen

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Teknologirådgiver inden for AI-området til Teknologiafdelingen

Capgemini Danmark A/S

AI Data Architect

Capgemini Danmark A/S

Open Application (Denmark)

Rambøll Management Consulting

Senior Software Engineer