brainbaking/content/wiki/code/web.md

+++ title = "web" draft = false tags = [ "code", "web" ] date = "2013-03-12" +++

Website Styles

Quick Links

• http://htmldog.com/
• http://www.alistapart.com/

CSS Stuff

• ❗ http://lesscss.org/ - Less.js Will Obsolete CSS! LESS implementatie in Javascript
• http://www.andybudd.com/ CSS centered blog

Centering a div met margin auto

Zie http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div/

body {
	text-align: center;
	min-width: 600px;
}

#wrapper {
	margin:0 auto;
	width:600px;
	text-align: left;
}

Spaties tussen een link en bovenstaande blocks

Gegeven structuur:

<div clas="div">
  <a href######"#" clas"link">bla</a>
</div>

Hoe kan ik de div vergroten zodat die de link bevat maar de link zelf margin-top bevat? zo:

.div a .link {
  display: block;
  margin-top: 10px;
}

Zonder display: block wordt een link als inline gerenderd. Inline betekent alles naast elkaar. Zie http://www.quirksmode.org/css/display.html