Hva er "em" i css ?

[bazzo]

Ser at "em" blir brukt i stedet for "px"

 

Kan noen forklare meg litt.

 

eks.

ul {

list-style: none;

margin-left: 0;

padding-left: 1em;

text-indent: -1em;

}

[Arve Systad]

http://style.cleverchimp.com/font_size/scale/

[Knebba]

med px låser du fontstørrelsen.

 

bruker du em kan brukeren bestemme mer selv hvor stort det skal være ved hjelp av vis -> tekststørrelse (i IE)

[bazzo]

men hva har det med padding-left: 1em; og text-indent: -1em; å gjør ?

[pgdx]

men hva har det med padding-left: 1em; og text-indent: -1em; å gjør ?

Én em er lik størrelsen på fonten i det gitte elementet.

[haugsand]

med px låser du fontstørrelsen.

 

bruker du em kan brukeren bestemme mer selv hvor stort det skal være ved hjelp av vis -> tekststørrelse (i IE)

Dette er nok en av IE sine svakheter, og bedre nettlesere som Mozilla og Opera forstørrer teksten uansett enhet.

 

Både px og em er relative enheter, i motsetning til pt, cm og inch.

[Simon Zimmermann]

med px låser du fontstørrelsen.

 

bruker du em kan brukeren bestemme mer selv hvor stort det skal være ved hjelp av vis -> tekststørrelse (i IE)

Dette er nok en av IE sine svakheter, og bedre nettlesere som Mozilla og Opera forstørrer teksten uansett enhet.

 

Både px og em er relative enheter, i motsetning til pt, cm og inch.

Enten så er jeg blind eller så tar du feil.

Etter å ha lest gjennom Opera sine menyer har jeg ikke greid å finne ut hvor man spessifiserer tekst størrelsen på det dokumentet du i øyeblikket leser.

Opera har muligiheten til å forstørre (zoom) dokumentet uavhenngig av om Px eller ems er brukt, men dette er ikke det samme.

 

Ems blir etter min mening vist korrekt i Internet Explorer.

 

Les mer om: The Amazing Em Unit

[haugsand]

Waldmeister: Mener du at jeg tar feil i at Opera forstørrer teksten uansett enhet? Zoom-funksjonen forstørrer jo teksten også. At bildene blir større er jo kanskje en fordel, i og med at de svaksynte sannsynligvis ser bildene mer uklart.

[Simon Zimmermann]

Nei, som jeg skrev så forstørrer Opera hele websiden og ikke bare teksten (Teksten forstørres også). Ems har ingenting med zoom-funksjonen i Opera å gjøre. Sa dette bare for å gjøre det klart sånn at ingen misforstår det.

 

Opera har muligheten til å forstørre (zoom) dokumentet uavhenngig av om Px eller ems er brukt, men dette er ikke det samme.

 

bazzo lurte på hva Ems er i css. Jeg la med en link hvor dette blir forklart rimelig bra.

[bazzo]

men "padding-left: 1em;" har jo ingenting med teksten å gjøre, den sier jo bare at padding skal vare 1em, jeg er vant til å bruker px når jeg bruker padding.

[Lokaltog]

men "padding-left: 1em;" har jo ingenting med teksten å gjøre, den sier jo bare at padding skal vare 1em, jeg er vant til å bruker px når jeg bruker padding.

Bruker px til margin/padding i design som på en måte er statiske.. Hvor bredden av siden er 650px, og har en bakgrunn som ville se harry hvis f.eks. innholdsdiv'en plutselig ble 2em bredere. Men tekststørrelse angir jeg alltid med em.

[pgdx]

bazzo lurte på hva Ems er i css. Jeg la med en link hvor dette blir forklart rimelig bra.

Jeg synes jeg forklarte det ganske godt med denne setningen:

Én em er lik størrelsen på fonten i det gitte elementet.

 

Waldmeister: Hva babler du om? Satyrium sier at Opera forstørrer teksten uansett enhet, og det er riktig. Det er tross alt en ZOOM(!)-funksjon, og ikke, som IE, en idiotfunksjon.

[Lokaltog]

Waldmeister: Hva babler du om? Satyrium sier at Opera forstørrer teksten uansett enhet, og det er riktig. Det er tross alt en ZOOM(!)-funksjon, og ikke, som IE, en idiotfunksjon.

Hva gjør funksjonen i IE til en idiotfunksjon? Den gjør det jo faktisk riktig ved å ikke forstørre andre ting enn elementene med em, % etc.

[Arve Systad]

Uansett:

 

Anbefaler å bruke ems til å bestemme tekststørrelser, og også helst marger mellom avsnitt, lister, overskrifter osv...

Dette fordi da blir forholdet mellom margene og tekststørrelsen passelig uansett oppløsning

[pgdx]

Hva gjør funksjonen i IE til en idiotfunksjon? Den gjør det jo faktisk riktig ved å ikke forstørre andre ting enn elementene med em, % etc.

Jeg mener det er en unyttig funksjon da det ikke forstørrer bilder, borders, margins og paddings.

[Lokaltog]

Jeg mener det er en unyttig funksjon da det ikke forstørrer bilder, borders, margins og paddings.

Det er IE det er snakk om her.. Er imponert over at de klarer å ha én ting som funker som forventet.

[Arve Systad]

Tekststørrelsefunksjonen til IE er faktisk en genial ting, så det er ingen grunn til å rakke ned på den kun PGA at det er IE det er snakk om, mister toolshed

[slimboy]

men "padding-left: 1em;" har jo ingenting med teksten å gjøre, den sier jo bare at padding skal vare 1em, jeg er vant til å bruker px når jeg bruker padding.

Den sier at padding-left skal være 1 em, hvis jeg ikke tar feil så er dette høyden av en stor M hvis jeg ikke tar feil eller......

[haugsand]

Jeg bruker ikke em til å angi margin-left og margin-right, men å ha en margin-bottom på 1em kan være en god vane, siden mellomrommet mellom avsnittene da blir én *teksthøyde.

 

Edit: Takket være en oppmerksom og humoristisk PC, har jeg nå rettet på en skriveleif.

Endret 11. august 2004 av satyrium

[pgdx]

Tekststørrelsefunksjonen til IE er faktisk en genial ting, så det er ingen grunn til å rakke ned på den kun PGA at det er IE det er snakk om, mister toolshed

Men de har fremdeles ingen zoom-funksjon som jeg er klar over, ihvertfall...