Højrestillet overskrift

[Kris]

Hej,
Jeg vil gerne lave en højstillet overskrift. Hvordan gør jeg det? Jeg har set videoen om test styling, så det har fat i. Men jeg ved bare ikke hvilken del af html-koden som refererer til om overskriften er højre- eller venstrestillet?
Jeg er rimelig meget på begynderniveau i det med html og css...
Vh. Kristine

[ThomasI]

Hej Kristine,

Du gør det sådan her:

Kode: Vælg alt

<h1 style="text-align:right;">Your Page</h1>

Vil du have din brødtekst og billeder til at lægge sig om omkring din overskrift bruger du:

Kode: Vælg alt

<h1 style="float:right;">Your Page</h1>

[Kris]

Mange tak for svar.

Overskriftens kode ser sådan her ud:

Kode: Vælg alt

.cnt_box .right h3 {
    color: #2A6AB1;
    display: block;
    font-family: "dincond-medium";
    font-size: 24px;
    font-weight: normal;
    padding: 17px 0px 16px 13px;
}

Hvor i koden er det så jeg skal indsætte den kode du gav mig?
Vh. Kristine

[ThomasI]

Du kan fatisk sætte det ind hvor du vil. F.eks.

Kode: Vælg alt

.cnt_box .right h3 {
color: #2A6AB1;
display: block;
font-family: "dincond-medium";
font-size: 24px;
font-weight: normal;
padding: 17px 0px 16px 13px;
text-align:right;
}

[cristian]

Du behøver ikke at sige at et h3 element skal være block element.
Standarden diktere at den automatisk er et block element.

Vh

[Kris]

Hej igen,

Mange tak!

Det lykkes - så langt så godt:) Men så kommer der en ny udfordring:
Jeg vil ikke have at alle overskrifter (af denne type) på 'min' hjemmeside er højrestillet, kun undersiderne, som er på arabisk. Fordi arabisk læses fra højre mod venstre. Hvordan gør jeg sådan at det kun gælder for de arabiske undersider? Se: http://fiu-ligestilling.dk/ar/

En anden ting er at jeg gerne vil tilføje et lille indryk ligesom der ved brødteksten - hvor i koden tastes det ind?

VH. Kristine

[ThomasI]

Du kan lave en ny klasse kaldet .arabisk og så udelukkende have denne styling på den

Kode: Vælg alt

.arabisk {
text-align:right;
}

Denne klasse kan du så tilføje alle dine overskifts elementer som du synes skal være højrestillet.

[Kris]

Mange tak,

Lidt flere opklarende spørgsmål:

Kan man sætte den nye klasse hvor man vil i sit stylesheet?

Jeg er i tvivl om hvordan man finder koden for et specifikt overskrifts element?
Er det her f.eks. min kode for den specifikke overskrift: <h3>أهلا وسهلا</h3> ?

Skal det så se sådan her ud?
.arabisk .cnt_box .right <h3>أهلا وسهلا</h3> {
text-align:right;
}

Jeg har prøvet at sætte det ind i stylesheet'et - men det virker ikke. Så der er nok et eller andet galt...

Vh. Kristine

[ThomasI]

Hej Kris,

Nej, du skal ikke smide html elementer ind i dit style sheet.

Har dus et vores videoer om CSS? Hvis du ser dem igennem...så burde det stå ret klar, hvordan du gør.