Hvordan sette fonten i en tabell vha. stilark?

[Nala]

Har satt både font, layout, navigasjon m.m. i et eget stilark på hjemmesida mi. Men nå skal jeg operere med noe tekst i en tabell. Hvordan får jeg teksten til å følge det jeg har definert i p-elementet i stilarket? Blir jo en helt annen font på teksten inni tabellen.

[Crazee]

Dersom du skal ha lik font overalt - i avsnitt, lister, tabellar osv - så definerer du den for body:

body { ... }

Då vil den definisjonen "fosse nedover" (cascade) og gjelde i definisjonane til borna, som vil vera p, td, th, li, osv.

Om du vil ha ein annan type font for tabell:

table {... }

Om du vil skilje mellom tabelloverskrifter og tabelldata:

th {... }

td {... }

Håpar dette hjelper?

Endret 8. oktober 2006 av Crazee

[Nala]

Aha, det hadde jeg ikke tenkt på. Takk for utfyllende svar, Crazee.

Men jeg har tenkt til å begynne å legge bildetekst på bildene mine. Denne skal da være i en annen font. Da kan jeg kanskje ikke bruke samme font for hele body-tagen? Eller kan jeg det, og heller sette "unntak" for bildeteksten?

[Crazee]

Sett standardfont i body, og så definerer du unntak for det som treng det :-)

[Nala]

Sett standardfont i body, og så definerer du unntak for det som treng det :-)

←

Yes, da gjør jeg det. Tusen takk, Crazee. Du er en knupp

Men kan jeg plage deg med enda et spørsmål? Hvordan plasserer jeg på en enkel og grei måte bildeteksten direkte under bildet, uavhengig av hvor stort bildet er? At den strekker seg på linje med bildet liksom? Kommer jeg unna det uten å måtte ty til tabell?

[Crazee]

Personleg ville eg brukt ein div til det - kan ikkje komma på noko betre:

.bildediv {

// Set bakgrunnsfarge, rame, font for bildetekst osv her

}

...

<div class="bildediv">

<img src="..." osv>

<p>bildetekst</p>

</div>

[Nala]

Hva er det jeg gjør galt? Teksten følger ikke bildet Jeg har nå definert fonten i bildediv-en. Hva mer er det jeg må legge inn? Bakgrunnsfarga skal bare være hvit, den. Når jeg prøver nå får jeg det sånn at teksten legger seg til venstre for bildet (bildet er høyrestilt).

Huff, jeg er visst ikke noe god på dette, nei

Personleg ville eg brukt ein div til det - kan ikkje komma på noko betre:

.bildediv {

// Set bakgrunnsfarge, rame, font for bildetekst osv her

}

...

<div class="bildediv">

<img src="..." osv>

<p>bildetekst</p>

</div>

←

[animelona]

Kan du ikke bare aligne bildet (<img src=blabla align=left> feks)? Da vil teksten flyte inntil og under bildet...tror jeg...; )

[Nala]

Kan du ikke bare aligne bildet (<img src=blabla align=left> feks)? Da vil teksten flyte inntil og under bildet...tror jeg...; )

←

Jeg har aligna bildene mine allerede. Noen til venstre, andre til høyre. Ergo flyter teksten rundt og inntil bildet. Problemet er hvordan jeg får bildeteksten til å opptre som bildetekst, altså at den begynner først der bildet begynner, og brytes der bildet slutter. Ikke så enkelt som jeg hadde håpa.

[Crazee]

Feil måte:

<div>

<img ... align="left">

<p>blabla</p>

</div>

Då vil teksten leggja seg til høgre for biletet.

Rett måte:

.venstrebilde {

float: left;

background: #FFF;

...

}

<div class="venstrebilde">

<img src="..." alt="...">

<p>Bla bla</p>

</div>

Altså, ikkje bruke align inne i img-taggen. Det er heile div-elementet som skal ventra/høgrejusterast, med float:left/right;

Går det betre då?

[Nala]

Går det betre då?

←

Nei Jeg er nok ikke blant de kjappeste på dette, nei

Jeg får til å sette float riktig (bildet flyter riktig), og jeg får lagt farge på bildeteksten. Problemet er at bildeteksten legger seg til venstre for bildet (når jeg setter float: left i stedet for under bildet. Bilde og tekst funker altså som ett element, det er bare det at teksten legger seg på feil sted i forhold til bildet.

Takk for at du har tålmodighet med meg når jeg knør, Crazee

[Nala]

Jaaaaa, nå har jeg skjønt hva det er som tuller det til for meg Jeg har definert float på bildetekst-elementet PLUSS at jeg har satt ulike float-definisjoner på img, altså

img {float: right}

.left {float: left}

.none {float: none}

Selv om jeg da definerer for eksempel .venstrebildetekst, så følger img regelen float: right. Når jeg setter <img class="none" src.....>, da løste det seg. Bildeteksten strekker seg over hele sida da, i stedet for å følge bildets bredde, men det løser jeg med <br>.

Ah nå er jeg happy her. Tuuuusen takk for all god hjelp, Crazee

[Crazee]

Lurte litt på om bildeteksten ville strekka seg ut sånn, ja, men var ikkje sikker. Det går jo an å setja breidda på div for å ordna det, men det kjem vel an på bileta kor enkelt det er - om dei er av varierande breidde eller ikkje. (Hmmm - korleis går det om breidda på div vert sett mindre enn det biletet er? Det må testast... Edit: Det gjekk ikkje særleg bra... )

Glad du er happy, i alle fall

Endret 10. oktober 2006 av Crazee