Miten saan määriteltyä otsikon jälkeisen ja kappaleiden välisen tilan? Nyt siitä tulee liian suuri. Lisäksi ongelmana on se, että eri selaimet näyttävät eri tavoin. Se mikä Firefoxilla näyttää hyvältä, on Avantilla huonoa.
Otsikon/kappaleiden jälkeinen tila
Heppa täydessä ravissa
3245
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 3
Vanhimmat
Oliskos näin tyylien alkuun
* {
margin:0;
padding:0;
}
Toi määrittelee kaikille marginin ja paddinin nollas, jolloin sinun täytyy erikseen määritellä se jos tarttet.
tai sit tietenkin voit
h1, h2, h3, h4 jne.. {
margin:0;
padding:0;
}
Kiitos neuvosta, hyvin toimi. Teen ensimmäisiä sivujani, jotka ovat olleet valmiit jo kuukausia, mutta hienosäätöön ei ole riittänyt innostus, koska ei mitään syvempiä tavoitteita ole. Aina ei riitä innostus selvittää itse, kun on helpompi kysyä.
Kaikkien reunusten ja täytteiden nollaaminen on ehkä turhan raju toimenpide. Sen jälkeen ei kappaleiden välillä ole tyhjää tilaa, listat ovat hyvin oudonnäköisiä, lainaukset sisentämättömiä jne. Yleensä kannattaa koskea vain sellaisiin asetuksiin, jotka haluaa muuttaa.
Otsikon ja kappaleen väliseen tyhjään tilaan vaikuttaa sekä otsikon alareunus että kappaleen yläreunus, mahdollisesti myös täytteet, joten siistimpi tapa on:
h2 { margin-bottom: 0; padding-bottom: 0; }
p.alku { margin-top: 0.3em; padding-top: 0; }
...
...
...
Yleensä ei kannata ihan nollata tyhjää tilaa vaan asettaa jokin pieni, esim. 0.3em:n väli.