Css Snippets » midden http://www.csssnippets.be Snippets for you, snippets for me Mon, 17 Oct 2011 08:42:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Centreren van pagina http://www.csssnippets.be/2009/05/centreren-van-pagina/ http://www.csssnippets.be/2009/05/centreren-van-pagina/#comments Sat, 16 May 2009 20:19:28 +0000 Mark http://www.csssnippets.be/?p=217 Om uw website in het midden te krijgen (centreren), is deze volgende CSS Snippet voldoende. Belangrijk is wel dat het element waarop je volgende code toepast daadwerkelijk dimensie heeft (zeker breedte).

HTML

<div id="foo">
tekst komt hier
</div>

CSS

#foo {
margin: 0 auto;
width: 800px;
border: 1px solid; /* ter illustratie */
}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/05/centreren-van-pagina/feed/ 0 Vertikaal centreren met line-height http://www.csssnippets.be/2009/04/vertikaal-centreren-met-line-height/ http://www.csssnippets.be/2009/04/vertikaal-centreren-met-line-height/#comments Sun, 05 Apr 2009 16:06:56 +0000 Mark http://www.csssnippets.be/?p=155 Je kan bijvoorbeeld tekst (links, tekst, quotes) vertikaal centreren ten opzichte van zijn parent element door geschikt line-height te gebruiken.

HTML

<div class="liner">
<p>inhoud komt hier</p>
</div>

CSS

div.liner {
height:100px;
border: 1px solid #888;
}
div.liner *{
margin: 0;
}
div.liner p {
line-height:100px;
}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2009/04/vertikaal-centreren-met-line-height/feed/ 0 Vertikaal centreren http://www.csssnippets.be/2008/12/vertikaal-centreren-2/ http://www.csssnippets.be/2008/12/vertikaal-centreren-2/#comments Sun, 28 Dec 2008 10:31:47 +0000 Mark http://www.csssnippets.be/?p=65 Er zullen zich waarschijnlijk al reeds veel webmasters en stylers afgevraagd hebben, hoe je nu juist (en op de correcte manier) een ontwerp met achtergrond gecentreerd krijgt op de pagina zonder dat de tekst ook zelf gecentreerd zich gaat verhouden.

<html>
<head>
<title>Wij maken een blog</title>
</head>
<body>
<div id="container">
...uw volledige website staat hier...
</div>
</body>
</html>

#container {
margin: 0 auto;
width: 720px;
border: 1px solid #000;
}
Google Bookmarks Digg BlinkList Technorati del.icio.us StumbleUpon

]]> http://www.csssnippets.be/2008/12/vertikaal-centreren-2/feed/ 0