CSS-asettelu

ihmettelijä...

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?

8

569

    Vastaukset 8

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • edelliseen

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

    • lisätarkennusta

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

    • Poro1

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

      :)

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

      • keskelle...

        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...


      • jotakin lisäystä...

        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ä :)


    • Höpö.

      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.

      • ihmettelijä...

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


      • Nojoooo
        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ö?


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Miksi vanhusraiskaajaa ei ole palautettu?

      Ukkola kysyy Rantaselta, vaikka perussuomalaiset ovat olleet hallituksessa kolme ja puolivuotta. Rantasen vastaus on "
      Maailman menoa
      420
      2111
    2. Onko sulla rakas mitään sanottavaa?

      Lähetä tässä kaivatullesi haluamasi terveiset 💌
      Ikävä
      210
      1788
    3. Onko ikäerolla väliä?

      Mitä mieltä ootte? Meillä on 14 vuotta ikäeroa.
      Ikävä
      152
      1562
    4. Mitä kirjainta kaipaat?

      🤣🤣🤣🤣🤣
      Ikävä
      123
      1406
    5. Katri Helena rikkoi hiljaisuuden dramaattisella uutisella: "Elossa ja ilossa ollaan"

      Katri Helena on sinivalkoinen ääni. Hänen klassikkohittinsä ovat tärkeä osa suomalaista kansanperintöä. Katri veti jääh
      Suomalaiset julkkikset
      29
      1246
    6. Nanna hakkasi Martinan aivot tuusan nuuskaksi!!!

      Ihme jos Martina pystyy muodostaa järkeviä lauseita tämän nyrkkisateen jälkeen. Ottelupalkkio tuli, tajunta meni.
      Kotimaiset julkkisjuorut
      257
      1062
    7. Uusioperhe vai salasuhde?

      Mitä ensisijaisesti haluat? Pelkään, että menetän järjen sun kanssa 😉
      Ikävä
      114
      958
    8. Liikenneonnettomuus kuhmo

      Taisi Audi mennä lunastukseen ja pemari kilometritehtaalle
      Kuhmo
      18
      912
    9. Otan vielä sut

      Niin on tähtiin kirjoitettu. Nainen, turha on kohtaloa juosta pakoon.
      Ikävä
      75
      868
    10. Mulla on ikävä sua!

      Enemmän kuin ikävä... sun kanssa oli niin helppo olla ja jutella!
      Ikävä
      26
      725
    Aihe