CSS-asettelu

Jos asettelen CSS:llä seuraavasti:
h1
{
color: black;
margin-bottom: 0px;
margin-top: 20px;
margin-left: 300px;
}

niin miten saan tuon silleen aseteltua että tuo h1 on joka koneella näytössä samassa kohtaa kuin minulla?
8569
Äänestä

Muut lukivat myös

Vastaukset 8

Vanhimmat

eli tuo korkeus pysyy samana, mutta tuo margin-left ei toimi eli h1 ei ole samassa kohtaa jos katsojalla on esim. suurempi näyttö...

Äänestä

eli jos vaihdan resoluutiota, niin korkeuskaan ei ole enää sama.. miten siis saisin nuo pysymään samalla paikalla resoluutiosta / näyttökoosta huolimatta?

Äänestä

sitä otsikkoa haluat?
Jos niin on laita:
text-align: center;
tuon margin-left: 300px tilalle....

:)

(tai viisaammat voivat kertoa lisää...)

Äänestä
  • vaan ihan sattumanvaraiseen kohtaah, esim tuohon kohtaan mihin määritin esimerkissäni pikselit.

    Ideana olisi se että se pysyisi samassa kohtaa ruutua vaikka vaihtaisin resoluutiota...

    Äänestä

  • lisäystä...
    eli se sais pysyä siinä niin kuin kiinnittäisit tarran johonkin kohtaan tietokonees ruutua: pysyy paikallaan eikä vaihda paikkaa vaikka resoluutio olisi mikä :)

    Äänestä

En väitä että tämä olisi hyvä tapa, mutta mittayksiköitä on monenlaisia: on pikselit (px)
joita sinä käytät, mutta myös muita.

Kaikkea löytyy: ex|em|px|cm|mm|in|pt

Eli jos haluat että etäisyys on vaikka 2cm (kaks senttiä) niin määrittelet sen mukaisesti.

Äänestä
  • eikö ole ihan sama millä määrittelen?
    olen kokeillut pikseleitä sekä prosentteja - kumpikaan ei toimi halutulla tavalla.

    Äänestä

  • ihmettelijä... kirjoitti:

    eikö ole ihan sama millä määrittelen?
    olen kokeillut pikseleitä sekä prosentteja - kumpikaan ei toimi halutulla tavalla.

    Ei se ole ihan sama millä määrittelee. Jos vasen marginaali on määritelty "300px", niin silloin se on tasan kolmensadan pikselin päässä vasemmasta laidasta. Jos se on määritelty "33.33%", niin silloin se on yhden kolmasosanäytön päässä vasemmasta laidasta. Eihän se nyt hyvänen aika voi olla yhtä aikaa sekä absoluuttisesti, että suhteellisesti saman matkan päässä, kun kerran näytöt ovat eri suuruisia. Eri näytöillä 33.33% on eri matka pikseleinä, ja 300 pikseliä on eri suuruinen osa näytöstä. Se riippuu ympäristöstä, kumpaa kannattaa käyttää. Et sitten kysynyt, mimten css:llä tehdään pyöreä neliö?

    Äänestä

Kommentoi aloitusta


ihmettelijä... kirjoitti:

Jos asettelen CSS:llä seuraavasti:
h1
{
color: black;
margin-bottom: 0px;
margin-top: 20px;
margin-left: 300px;
}

niin miten saan tuon silleen aseteltua että tuo h1 on joka koneella näytössä samassa kohtaa kuin minulla?

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu