div-elementit

hypertextmarkuplanguage

Miten HTML:ssä voi CSS:ää käyttämällä sijoitella div-elementtejä / lohkoja / laatikoita eri puolille html-dokumenttia?

Olen toistaiseksi pystynyt sijoittelemaan niitä ainoastaan pystysuoraan.

1

507

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Jaska Perusjaksa

      No, ainahan voit antaa niin diville kuin mille tahansa muullekin elementille css:ssä määrityksen position:absolute ja top, bottom, left ja right -arvoilla sijainnin ruudun reunoista.

      Esim.




      #iBox {
      position: absolute;
      top: 25px;
      left: 25px;
      height: 25px;
      width: 25px;
      background-color: #ff0000;
      }

      Tekee 25x25 px kokoisen punaisen boksin 25 px päähän ruudun ylä- ja vasemmasta reunasta.

      Tämä ei ole tosin pitkällä tähtäimellä tai edes lyhyellä aina kovinkaan hyvä ratkaisu.

      Kun oppii html-rakenne-ajattelutavan, ei tarvitse juurikaan koskaan absoluuttisia tai edes relatiivisia sijaintimäärityksiä. Jo leiskaa suunnitellessa pystyy miettimään koodin rakennetta ja välttämään sellaisia juttuja, joiden rakentaminen on hankalaa. Tai ainakin voi jo etukäteen miettiä, jos ongelmaan olisi parempi ratkaisu. Leiskausvaiheessa muutokset on vielä helppo tehdä.

      Eli käytännössä sisäkkäiset divit, marginaalit ja paddingit sekä float riittää useinmiten elementtien sijoitteluun. Nykyään on alkanut päästä irti jopa ylimääräisistä diveistäkin.

      Tai no se on minun tapani tehdä sivuja. Tuskin on ainoa, eikä välttämättä edes paras tapa. Mutta ainakin niin kauan kun ei tarvitse muiden leiskoja koodata, se toimii erinomaisesti.

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

    Luetuimmat keskustelut

    1. Riikka Purra leikkasi alimmalta tulodesiililtä 15 %

      Muistaako kukaan Riikka Purran kovaäänisen vaalilupauksen ennen eduskuntavaaleja? https://yle.fi/a/74-20221152 "THL o
      Maailman menoa
      348
      6399
    2. Muistele nainen niitä meidän yhteisiä hetkiä

      Miltä ne tuntui? Enkö aina huokunut välittämistä, kiintymystä. Eikö sinulla aina ollut hyvä olo kanssani? Minulla ainaki
      Ikävä
      48
      3806
    3. Olisitko tältä

      seisomalta valmis seksuaaliseen kanssakäymiseen hänen kanssaan?
      Ikävä
      97
      1005
    4. Yllätä mut ja laita viestiä

      Whatsapissa. Uskallatko vielä?
      Ikävä
      52
      880
    5. Huomasin kyllä

      Mitä tästä pitäisi ajatella?
      Ikävä
      56
      846
    6. Miellyttääkö eniten

      Kaivattusi persoona vai ulkonäkö?
      Ikävä
      41
      830
    7. Naiset ei halua kilttejä miehiä

      Näin se vaan on..jos olet ilman tatskoja, et rähjää, sinulla ei ole rikosrekisteriä, olet liian kiltti, et sano pahasti,
      Ikävä
      137
      823
    8. Tämä kikka tekee lihapullista entistä maukkaampia - Tämä "ihmeaine" löytyy keittiön kaapista

      Lihapullat ja ruskea kastike on arkiruokien kunkku! Paistatko itse lihapullat pannulla vai uunissa? Näin saat ruoasta v
      Ruoanlaitto
      8
      813
    9. Haluatko sitten

      Rakastella miten paljon?
      Ikävä
      68
      810
    10. Seiska: Helmi Loukasmäki paljastaa - Näin Danny ja Helmi tapasivat

      Helmi Loukasmäki, 25, ja Ilkka Danny Lipsanen, 83, ovat seurattuja julkkiksia. Mutta tiesitkö, miten he tapasivat? Lue
      Viihde ja kulttuuri
      14
      761
    Aihe