Eli mul ois seuraavanlainen ongelma, sivuillani on siis kuvia ja niiden yllä tekstiä.. tyyliin:
Otsikko Kuva 1 - Minä
kuva.jpg
Otsikko Kuva 2 - Kaveri
kuva2.jpg
Otsikko Kuva 3 - Minä ja kaveri
kuva3.jpg
Kysymys ois se, että miten saisin tyhjää tilaa aina vähän tuon kuvan jälkeen ennen kuin seuraava otsikko alkaa?
Kokeilin padding-bottom: 20px;
mutta ei tapahtunut mitään?
Otsikko Kuva 1 - Minä
kuva.jpg
Otsikko Kuva 2 - Kaveri
kuva2.jpg
Otsikko Kuva 3 - Minä ja kaveri
kuva3.jpg
Kysymys ois se, että miten saisin tyhjää tilaa aina vähän tuon kuvan jälkeen ennen kuin seuraava otsikko alkaa?
Kokeilin padding-bottom: 20px;
mutta ei tapahtunut mitään?
Vastaukset 12
Vanhimmat
että margin-bottom: 20px; saattaisi toimiakin...?
Joku viisaampi voi taas kertoa lisää...
ei tapahdu yhtään mitään :/
Eli kyllähän tuon pitäisi toimia. Laita koodia esiin, niin katsellaan mikä vikana.
tuossa:
ei siis tapahdu mitään vaikka heittäisin margin-bottomiin 100px...
Vaihda '-merkit "-merkeiksi.
Lähetä osoite, ei koodista riipaistua palasta.
Ihan esimerkiksi sen vuoksi, että palasestasi ei tiedä, onko nimessä margin-bottom sivullasikin rivinvaihto.
Jos otsikot on tehty otsikkoelementeillä, niin niihin jo sisältyy ylä- ja alamarginaali, joita tosin pitää säätää jotta tulos on kunnollinen, mutta se on eri asia.
kertainen temppu, ennen otsikkoa muutama
Ei tyylikästä, mutta toimii.
kun minulla on siinä pääotsikko KUVAT niin jos vedän niin myös alkukohta tuosta otsikosta KUVAT otsikosta muuttuu alemmaks... sitä en kuitenkaan haluaisi.
Esimerkiksi voit laittaa kuvat omiin tableen ja tekstiosa omaan...tai sitten css teet muotoilun...joka kuvalle ja tekstille oma div
Otsikko Kuva 1 - Minä
Otsikko Kuva 2 - Kaveri
Otsikko Kuva 3 - Minä ja kaveri
säätele tuota sitten css:llä.
että validaattori herjasi minulle kerran kun ei kuvat olleet elementtien välissä...
Jos laitat elementtien väliin kuvan niin silloinhan siihen jää väliä...
Viisaammat taas korjatkoot lausuntojani.
:)
img on inline-elementti, joten sen kuuluu aina olla lohkoelementin sisällä.