Divs - class og ID

[exess15]

Hei..

 

Lurte litt på hva som er forskjellen på Classes og Ids..

Hvor bruker man dem osv..

 

Og hva er Div-mania?

 

/Jan tore

[CruellaDeVille]

Hvis du har et element det bare skal være en av på en side bruker du en unik identifikator, en id. Hvis du vil formatere mange elementer på samme måte i et dokument bruker du class.

 

HTML-dokumenter skal markere (markup, aner ikke hvordan det oversettes) struktur/semantikk i dokumentet. Det vil si at overskrifter er hx, avsnitt er p, lister er ul/ol osv etc mm. Div-mania er når en stapper alt muligrart inn i divs, også ting som helt klart er overskrifter, avsnitt, lister, tabeller osv.

Endret 12. mars 2007 av CruellaDeVille

[Runar]

For å forenkle det Cruella sa: en ID kan kun brukes én gang (det gjelder alle elementer), mens CLASS kan brukes så mange ganger du vil.

[exess15]

For å forenkle det Cruella sa: en ID kan kun brukes én gang (det gjelder alle elementer), mens CLASS kan brukes så mange ganger du vil.

8137931[/snapback]

 

Kan? Har jo selv brukt ID flere ganger per dokument, blir vel heller skal?

 

/Jan Tore

[attach]

ID skal aldri brukes mer enn en gang per side.

[eigan]

Nei, du skal ikke bruke ID flere ganger i ett dokument. Den vil ikke validere når den brukes flere ganger. Du kan bruke class flere ganger.

 

EDIT: For sen..

Endret 12. mars 2007 av Mr Chief

[Runar]

For å forenkle det Cruella sa: en ID kan kun brukes én gang (det gjelder alle elementer), mens CLASS kan brukes så mange ganger du vil.

8137931[/snapback]

 

Kan? Har jo selv brukt ID flere ganger per dokument, blir vel heller skal?

 

/Jan Tore

8138157[/snapback]

Selvsagt er det fysisk mulig å bruke en ID flere ganger, men du skjønte vel hva jeg mente?

[exess15]

Selvfølgelig..

 

Men skal man da:

 

p.klassen {

width: ---

osv

}

 

<div class="klassen">

innhold

</div>

 

?

 

/Jan tore

[eigan]

trenger ikke p.klassen holder med .klassen, men det gjelder hele dokumentet da.. hvis du har p så peker den til p i klassen. Altså skal din html kode se slik ut:

<div class="klassen">

<p>innhold</p>

</div

[exess15]

trenger ikke p.klassen holder med .klassen, men det gjelder hele dokumentet da.. hvis du har p så peker den til p i klassen. Altså skal din html kode se slik ut:

<div class="klassen">

<p>innhold</p>

</div

8138350[/snapback]

 

 

 

Okei.. =D

 

Takker for svarene

 

/Jan Tore

[Runar]

Nei, du kan ikke gi en DIV en klasse, som du styler som om det skulle være en P i CSS filen din.

 

Sånn skal det se ut:

p.klassen {
color: #000;
}

 

<p class="klassen">Lorem ipsum dolor sit amet.</p>

 

Hvis du vil bruke en DIV, må du skrive DIV.klassen. Men du bør alltid ha

rundt tekst

 

Du kan også gjøre det på denne måten:

 

div.klassen {
width: 500px;
}

div.klassen p {
color: #000;
}

 

<div class="klassen">
<p>Lorem ipsum dolor sit amet</p>
</div>

[pakke]

En klasse (og id for den saks skyld) kan du bruke på alle slags elementer, så lenge du ikke har spesifisert hvilken type element du vil bruke den på. Eksempler:

 

p.klassen kan kun brukes på en paragraf. Markupen blir slik:

 

<p class="klassen">bla bla</p>

 

.klassen kan brukes på alt.

 

<div class="klassen">, <p class="klassen">, <span class="klassen"> osv.

 

Videre kan man bruke klasser og ider for å style elementer inni elementer. Eksempel:

 

.klassen p {...} setter stiler for en paragraf inni .klassen, slik:

 

<div class="klassen">
<p>
Tekst
</p>
</div>

[exess15]

Forstår dette, men hvor er det da vanlig å bruke id?

 

/Jan Tore

[attach]

På elementene det finnes kun en av. For eksempel #meny, #fot osv.

[exess15]

På elementene det finnes kun en av. For eksempel #meny, #fot osv.

8138482[/snapback]

 

Men man kan altså ikke bruke det på meny og fot, bare en av dem..

 

/Jan Tore

[CruellaDeVille]

Jo, du kan bruke begge, memn du kan ikke ha to elementer i samme fil som heter #meny

[Runar]

Da har du misforstått.

 

Du kan kun bruke hver enkelt ID (#meny og #fot er to forskjellige) en gang. Selvsagt kan du ha flere forskjellige ID'er.

[exess15]

Da har du misforstått.

 

Du kan kun bruke hver enkelt ID (#meny og #fot er to forskjellige) en gang. Selvsagt kan du ha flere forskjellige ID'er.

8138601[/snapback]

 

Da så..

Jeg kan altså ha

 

#main

#foot

#menu osv..

 

/Jan Tore

[Runar]

Det er helt korrekt. Men hver ID kan ikke forekomme mer enn én gang

[exess15]

Det er helt korrekt. Men hver ID kan ikke forekomme mer enn én gang

8138988[/snapback]

 

Forstått = )

 

/Jan Tore