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.
div-elementit
1
502
Vastaukset
- 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
Puoluebarometri: Marinin hallituksella 7 parasta mittaustulosta
Orpon hallitusta pitää huonona 2/3 kansalaisista, joka on aika hyvin linjassa hallituspuolueiden yhteenlasketun kannatuk704044Pride-rautu korvaamaan kirjolohi
Kekkosen saatanan tunari meni muuttamaan aikoinaan sateenkaariväen kalan nimen. Unkarin vallankumouksen innoittamana n172160Purran aikaisemmat kannattajat siirtyneet Lindtmanin leiriin
Melkoinen muutos on käynnissä Suomen politiikan kentällä. Tulevista häviäjistä on hirmuinen kiire päästä ajoissa voittaj131918Olen parasta a-luokkaa
Kerron nyt teille, että olen äärimmäisen utelias, ja iitserakas ihminen. Teen paljon aloituksia itseäni koskien ja tunge361284- 271219
Se mua jotenkin harmittaa
Et ko sulla ollu näin paljon selvästi mielenpäällä ollut kaikkea, kysymyksiä, neuvoteltavia asioita ja huolenaiheita, et111023Shakki ja matti
Toivoisin, että olisit läsnä ja tukena arjessani. Et edes tietäisi, että se olen minä tässä ja täällä vain. Olisi asioit72861Oot tosi epätavallinen
ja erikoinen nainen. Tykästyä ikihyviksi sun kaltaiseen naiseen, mitä tästä pitäis edes ajatella.43859- 40751
Peuran liikenne ajovaloissa
Haittaako se jos bussit on romuja ja käyttökiellossa? https://www.ilkkapohjalainen.fi/avi-loysi-kahdeksan-puutetta-kaup27715