Søg
Avatar billede nfssister Forsker
09. juli 2005 - 14:11 Der er 21 kommentarer og
2 løsninger

Samme skrift over hele siden

Jeg syntes ikke rigtig jeg kan få det til at virke...

Hvis jeg vil have verdana på hele siden i str 2... kan jeg så ikke gøre det rimeligt simpelt med en style kode eller noget i toppen ?
Avatar billede nielle Nybegynder
09. juli 2005 - 14:18 #1
F.eks. ved at sætte en style på body:

<body style="font-family: courier">
Avatar billede nfssister Forsker
09. juli 2005 - 14:22 #2
hvordan så med str ? kan man ikke sætte en anden str som standard på min side ?.... syntes IE's standard str er for stor nemlig
Avatar billede nielle Nybegynder
09. juli 2005 - 14:23 #3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Eksperten.dk</title>
<style>
body {
    font: verdana;
    font-size: 12pt;
}
</style>
</head>
<body>

Teksten følger den font som er defineret for body.

</body>
</html>
Avatar billede nfssister Forsker
09. juli 2005 - 14:28 #4
<html>
<head>
<title>Eksperten.dk</title>
<style>
body {
    font: verdana;
    font-size: 12pt;
}
</style>
</head>
<body>

Teksten følger den font som er defineret for body.

</body>
</html>

Så sker der intet... ud over skriften bliver mindre, og den vælger ikke verdana
Avatar billede nielle Nybegynder
09. juli 2005 - 14:31 #5
Prøv så at skrive "font-family" i stedet for "font".
Avatar billede nfssister Forsker
09. juli 2005 - 14:34 #6
det hjalp... men fandt ud af teksten kun blev mindre fordi new times roman er mindre end verdana... så str hjalp virker ikke :S kan godt være det er mig der kegler men nu har jeg siddet med det i 1½ time :S
Avatar billede nielle Nybegynder
09. juli 2005 - 14:41 #7
Måleenheden i "font-size: 12pt;" er "punkt" og den kan du sætte til noget som er større end 12 hvis du vil.
Avatar billede olebole Juniormester
09. juli 2005 - 14:51 #8
<ole>

'pt' er en rigtig skidt enhed, da den intet har med en PC-skærm at gøre. Det er en 'gammel' typografisk enhed, der er 'arvet' fra print-typografi.
Til skærm-typografi bør man i stedet anvende 'px', som er baseret på PC-skræmens naturlige modul: en pixel.

Derudover kan du anvende en 'wildcard' eller 'universal' selector:

<style type="text/css">
* {
    font: 11px verdana, arial, sans-serif;
}
</style>

- eller uden shorthand:

<style type="text/css">
* {
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
}
</style>

Den selector dækker alle elementer på siden - og du skal derfor huske, explicit at sætte font-størrelser for H-tags.
Læg i øvrigt mærke til, du _altid_ bør sætte alternative skriftsnit i dine CSS-regler ... i det mindste en generisk type, som f.eks: 'serif' eller 'sans-serif'.

/mvh
</bole>
Avatar billede nfssister Forsker
09. juli 2005 - 17:15 #9
oki tak.. fik det til at virke nu.... smid svar begge to hvis i vil ha point
Avatar billede nfssister Forsker
09. juli 2005 - 17:25 #10
hvad gør man så hvis jeg vil have overskrifter i str 3 ? skal jeg så lave 2 af de style koder ?
Avatar billede olebole Juniormester
09. juli 2005 - 17:27 #11
F.eks:

<style type="text/css">
* {
    font: 11px verdana, arial, sans-serif;
}
h3 {
    font-size: 14px;
}
h2 {
    font-size: 18px;
}
</style>

- or whatever  :)
Avatar billede olebole Juniormester
09. juli 2005 - 17:29 #12
- men husk for Guds (og dine brugeres) skyld at bruge en fuld DTD, som nielle viste dig:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
... osv - osv ...

- og URL'en _skal_ være tilstede i DTD'en. Ellers disabler du store og vigtige dele af CSS i IE  ;o)
Avatar billede nfssister Forsker
09. juli 2005 - 17:30 #13
hvordan gør jeg så ?

har 2 linier:

Overskrift
indholdindholdindholdindholdindholdindhold

overskrift skal være str 3 og det andet str 2... str 2 har vi lavet... men hvordan skiller jeg det så ad ?
Avatar billede roenving Novice
09. juli 2005 - 17:32 #14
Sætter overskriften ind f.eks. i et h3-tag efter det stylesheet, olebole har lavet ovenfor !-)
Avatar billede nielle Nybegynder
09. juli 2005 - 17:34 #15
<h1>Overskrift</h1>
<h2>indholdindholdindholdindholdindholdindhold</h2>

- eller:

<h1>Overskrift</h1>
indholdindholdindholdindholdindholdindhold
Avatar billede nielle Nybegynder
09. juli 2005 - 17:34 #16
... og et svar :^)
Avatar billede nfssister Forsker
09. juli 2005 - 17:35 #17
aaahhhh self ..... *doh*
Avatar billede nfssister Forsker
09. juli 2005 - 17:39 #18
hvorfor kan jeg ikke lave sådan en linie her:

Hej <h2>med dig</h2>

den smider med dig ned på næste linie
Avatar billede roenving Novice
09. juli 2005 - 17:46 #19
Fordi h-tags er block-level tags, altså de kræver hele bredden til sig selv !-)

-- men du kan gøre det på mange andre måder, f.eks.

Hej <span style="font-size:x-large;">med dig</span>
Avatar billede olebole Juniormester
09. juli 2005 - 18:15 #20
'H' = 'HeadLine' = 'Overskrift' => 'Fed skrift på egen linie'  ;o)
Avatar billede nielle Nybegynder
09. juli 2005 - 18:23 #21
Til den slags skal du bruge span:

Hej <span style="font-size: 18px;">med dig</span>
Avatar billede nielle Nybegynder
09. juli 2005 - 18:30 #22
Eller:

<style type="text/css">
* {
    font: 11px verdana, arial, sans-serif;
}
h3 {
    font-size: 14px;
}
h2 {
    font-size: 18px;
}
span.sh2 {
    font-size: 18px;
}
</style>

- og så:

Hej <span class="sh2">med dig</span>
Avatar billede nfssister Forsker
09. juli 2005 - 20:14 #23
tak tak fik det til at funke nu :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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 14:59 Fejl ved forsøg på åbning af Access mdb og mde Databaser Af Uvanga i Access
I går 14:58 Scanner program til PC Af fjorbak i Andet software
16/1016:25 En "Gammel" & "Retro" PC Service ? Husker ikke navnet .... Af Ikke-ekspert i Diverse
16/1016:17 Jeg har lige købt en Samsung mobil telefon Af Strawberry i Mobiltelefoner
16/1013:20 Lotus Approach Af Carsten i Andet software
White papers
Flere white papers »