Display: block
Niet in de regel tekst (zoals <b> en <i> etc). Maar echt als los vak.
En die kan je leuk uitlijnen en dingen laten opschuiven.
Er is trouwens wel een inline-block ding: dat is een vierkant die in de tekst meeloopt (denk aan een smiley oid).
Dus: als je pagina 900px; en je hebt een H1, dan is die H1 ook 900px; breed. Wanneer je block gebruikt, dan gebruikt ie echt alleen de ruimte die hij nodig heeft.
Michael vd R op 10/03/2013 18:08:37:
Ja, maar het is of te net taal gebruik wat ik niet begrijp. Of het is engels waar ik moeite mee heb. En ik was toch al op dit forum dus ik dacht: waarom stel ik die vraag niet hier.
Vragen stellen mag altijd, alleen op veel vragen is het antwoord makkelijk te vinden. Wellicht ook een cursusje Engels volgen? Als het om programmeren gaat is vrijwel alle documentatie in het Engels.
Ozzie PHP op 10/03/2013 19:31:16:
Euh Donny... een H1 IS een block-element!
Oke, verklaar mij dan is hoe het kan dat als je een content heb van 960px, en je een H1 plaats met de bgcolor:red; waar die dan 960px; breed is? Daar ben ik dan wel erg nieuwsgierig naar :)
Donny van Grondelle op 14/03/2013 11:28:26:
Oke, verklaar mij dan is hoe het kan dat als je een content heb van 960px, en je een H1 plaats met de bgcolor:red; waar die dan 960px; breed is? Daar ben ik dan wel erg nieuwsgierig naar :)
Ozzie PHP op 10/03/2013 19:31:16:
Euh Donny... een H1 IS een block-element!
Oke, verklaar mij dan is hoe het kan dat als je een content heb van 960px, en je een H1 plaats met de bgcolor:red; waar die dan 960px; breed is? Daar ben ik dan wel erg nieuwsgierig naar :)
Sorry hoor, maar jij geeft foutieve informatie en vervolgens ga je dan aan mij vragen om iets te verklaren wat volgens jou niet werkt zoals je zou verwachten? Zo werkt het natuurlijk niet. Ik heb geen glazen bol en ik kan niet in jouw code kijken.
Anyhow. Er is genoeg informatie over te vinden op internet waar je kunt lezen dat dat <h1> t/m <h6> block-elementen zijn. Bijvoorbeeld hier:
http://css.flepstudio.org/en/css-tips/inline-block-elements.html
Quote:
Dus: als je pagina 900px; en je hebt een H1, dan is die H1 ook 900px; breed. Wanneer je block gebruikt, dan gebruikt ie echt alleen de ruimte die hij nodig heeft.
Kan hier aub een hele dikke rode streep door heen?
Een block element heeft als default waarde (dus de waarde van width:auto;) de breedte van zijn parent. Dus als je een parent (#content) hebt die 900px breed is is het block element (h1) ook 900px breed.
Een inline element neemt alleen de ruimte in die hij nodig heeft.
Zou je in het vervolg dus even willen nadenken of je echt wel weet waar je over praat voordat je begint met het schrijven van een reactie? Alvast bedankt!