Voiko mitenkään estää otsikkotagien h1, h2 jne. aiheuttaman tyhjänrivin ennen kappaletta ? Onko ainoa keino määritellä oma tyyli korvaamaan esim. ?
Tyhjän rivin esto
<h1>
8376
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 8
Vanhimmat
Mitä tarkoitat oman tyylin määrittelemisellä?
Tokihan kaikkia elementtejä voi muuttaa mieleisekseen, esim. noiden otsikoiden alta saa tyhjän pois css:llä näin:
h1, h2, h3, h4, h5 {margin-bottom: -20px;}
h1, h2, h3, h4, h5 { margin-bottom: 0; }
asettaa otsikon jälkeisen reunuksen (margin) nollaksi. Negatiivisilla reunuksilla ei yleensä kannata leikkiä, koska jossain vaiheessa siitä seuraa, että tekstit menevät päällekkäin.
Tuo -20px on kai tarkoitettu kompensoimaan sitä, että seuraavan kappaleen (p-elementin) yläreunus on ehkä 20 pikseliä. Mutta tuohan on pelkkä arvaus, ja yleensä väärä. Jos haluaa kokonaan poistaa tyhjän tilan otsikon ja seuraavan kappaleen väliltä, fiksuinta on tehdä tähän tapaan:
h1, h2, h3, h4, h5 { margin-bottom: 0; }
p.alku { margin-top: 0; }
...
Hei maailma
No niin, aloittakaamme...