/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
CSS: typografi definition
Fra : Cifly


Dato : 22-12-05 06:11

Hvordan definereres "normal" tekst i CSS, altså den tekst der almindeligvis
benyttes som brødteksten. Der kan jo være flere brødtekster. Benyttes her

p { ... eller
h5 { ... eller

noget andet?

Som jeg forstår det, nemlig, er h klassen overskrifter i forskellige
størrelser (h = head), mens p bruges til at definere større afsnit. Altså fx

<p><h1>blah blah</h1><h2>blah x 3</h2></p>

Dvs. at h5, selvom den måske er defineret som "mindre" overskrift, stadig er
en overskrift og benyttes derfor ikke som brødtekst.

Er det forståeligt - ellers må i sige til. En anelse svært at forklare.

~ Cifly



 
 
Rene Hansen (22-12-2005)
Kommentar
Fra : Rene Hansen


Dato : 22-12-05 06:15

jeg er ikke helt med hvad du mener..

men er det fordi du vil style.fil din side så du kun skal rette et sted

jule hilser

//rene

Cifly (22-12-2005)
Kommentar
Fra : Cifly


Dato : 22-12-05 06:34

Rene Hansen skrev:

> jeg er ikke helt med hvad du mener..
>
> men er det fordi du vil style.fil din side så du kun skal rette et sted

I det store hele - ja.

Men det jeg ønsker er, at definere flere forskellige brødteksttypoer. Som
det er nu har jeg:

p.content (normal)
p.contentbold (siger sig selv - normal fed)
p. ...
p. ...

Men er det korrekt at bruge <p> til definition af brødtekst (font, size
etc.) eller er p i bund og grund til afsnitsformatering (line-spacing,
indent etc.)?



Jørn Andersen (22-12-2005)
Kommentar
Fra : Jørn Andersen


Dato : 22-12-05 06:31

On Thu, 22 Dec 2005 06:10:42 +0100, "Cifly"
<flygenring@SLETpostkasse.net> wrote:

>Hvordan definereres "normal" tekst i CSS, altså den tekst der almindeligvis
>benyttes som brødteksten. Der kan jo være flere brødtekster. Benyttes her
>
>p { ... eller
>h5 { ... eller

Brødtekst skal mærkes som:
<p>Min brødtekst.</p>

>Som jeg forstår det, nemlig, er h klassen overskrifter i forskellige
>størrelser (h = head), mens p bruges til at definere større afsnit. Altså fx
>
><p><h1>blah blah</h1><h2>blah x 3</h2></p>

Nej p bruges til at markere afsnit (typisk med brødtekst), mens
overskrifter er *uden for* p.
I øvrigt skal du prøve at lade være med at tænke på det som
overskriftens *størrelse*, men i stedet på overskriftens *niveau* -
fx:

<h1>1. Overskrift 1</h1>
<p>Min indledende brødtekst.</p>

<h2>1.1 Overskrift niveau 2</h2>
<p>Min indledende brødtekst i første under-kapitel.</p>
<p>Mere brødtekst i første under-kapitel.</p>

<h3>1.1.1 Overskrift niveau 3</h3>
<p>Min indledende brødtekst i første under-under-kapitel.</p>
<p>Mere brødtekst i første under-under-kapitel.</p>

<h2>1.2 Overskrift niveau 2</h2>
<p>Min indledende brødtekst i andet under-kapitel.</p>
<p>Mere brødtekst i andet under-kapitel.</p>


>Dvs. at h5, selvom den måske er defineret som "mindre" overskrift, stadig er
>en overskrift og benyttes derfor ikke som brødtekst.

Exactly.


Hvis du derimod har behov for at inddele siden i sektioner, så kan man
gøre det på flere måder. Enten ved at tildele egenskaber til den
struktur, der eksisterer i forvejen - hvilket er at foretrække - eller
ved at "skære den i stykker" med div'er.

For at tage ovenstående eksempel, så kunne man dele siden i sektioner
afhængigt af niveau 1-overskriften - fx:
<h1 id="sektion1"> ...
- og så fx give denne en rød baggrundsfarve:
#sektion1 {
background:red;
color:black;
}

Eller man kunne dele den op med div'er:
<div id="sektion1">
<h1 ...
<p ...
<h2 ...
<p ..
osv.
</div>
- og bruge samme CSS.


Good luck!

--
Jørn Andersen,
Brønshøj

Cifly (22-12-2005)
Kommentar
Fra : Cifly


Dato : 22-12-05 07:07

Jørn Andersen skrev:

> Nej p bruges til at markere afsnit (typisk med brødtekst), mens
> overskrifter er *uden for* p.

Det var lige præcis det jeg også forstod.

> Eller man kunne dele den op med div'er:
> <div id="sektion1">
> <h1 ...
> <p ...
> <h2 ...
> <p ..
> osv.
> </div>
> - og bruge samme CSS.

Men hvis vi så tager ovenstående eksempel. Jeg ønsker, at benytte to
forskellige brødtekst typer; én i linie 2 (efter h1) og en anden i linie 4
(efter h2).

Så definiere jeg disse to som:

p.1 {
p.2 {

Er det korrekt opfattet?



Jørn Andersen (22-12-2005)
Kommentar
Fra : Jørn Andersen


Dato : 22-12-05 08:50

On Thu, 22 Dec 2005 07:06:37 +0100, "Cifly"
<flygenring@SLETpostkasse.net> wrote:


>> Eller man kunne dele den op med div'er:
>> <div id="sektion1">
>> <h1 ...
>> <p ...
>> <h2 ...
>> <p ..
>> osv.
>> </div>
>> - og bruge samme CSS.
>
>Men hvis vi så tager ovenstående eksempel. Jeg ønsker, at benytte to
>forskellige brødtekst typer; én i linie 2 (efter h1) og en anden i linie 4
>(efter h2).
>
>Så definiere jeg disse to som:
>
>p.1 {
>p.2 {
>
>Er det korrekt opfattet?

Ja, lige bortset fra, at de (klassenavne) svjh ikke må starte med et
tal, så:

I HTML:
<h1> ...
<p class="type1"> ...

<h2> ...
<p class="type2"> ...

CSS:
p.type1 {
p.type2 {


--
Jørn Andersen,
Brønshøj

Cifly (22-12-2005)
Kommentar
Fra : Cifly


Dato : 22-12-05 09:04

Jørn Andersen skrev:

>>Så definiere jeg disse to som:
>>
>>p.1 {
>>p.2 {
>>
>>Er det korrekt opfattet?
>
> Ja, lige bortset fra, at de (klassenavne) svjh ikke må starte med et
> tal, så:
>
> I HTML:
> <h1> ...
> <p class="type1"> ...
>
> <h2> ...
> <p class="type2"> ...
>
> CSS:
> p.type1 {
> p.type2 {

Så er det også på plads - herligt. Tak



Lasse Reichstein Nie~ (23-12-2005)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 23-12-05 03:08

"Cifly" <flygenring@SLETpostkasse.net> writes:

> Hvordan definereres "normal" tekst i CSS, altså den tekst der almindeligvis
> benyttes som brødteksten. Der kan jo være flere brødtekster. Benyttes her
>
> p { ... eller
> h5 { ... eller
>
> noget andet?

Det nemmeste er at putte det i body:
body {
font-family: sans-serif;
line-height: 1.5em;
}

Da de fleste tekst-egenskaber defaulter til "inherit" og alle synlige
elementer ligger inde i body, så vil de alle få disse egenskaber, hvis
ikke andet er specifikt angivet.

(andre har forklaret hvordan p-elementet bruges - og man må ikke have
blok-elementer i det, så ingen h1 inden i en p).
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408929
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste