sitemap | terug naar het html5 referentie - tags - overzicht
Dit is een blockquote die "gestyled" is met een paar regels css. Een blockquote is bedoeld om langere stukken tekst meer in het oog te laten springen. Als het een kort stukje is, is het natuurlijk handiger om die tekst cursief te maken of anderszins er uit te laten springen (met een <strong> o.i.d.).
Aan de linkerkant van deze tekst staat een "ge-style-de" blockquote. Om een soortgelijke blockquote op jouw pagina te "zetten" moet je de style-sheet (die hieronder staat) in de head-sectie van jouw pagina plaatsen, en de blockquote (zie voorbeeld-code onderop de pagina) in de body-sectie.
<style type="text/css">
.zeventig_procent{width:70%}
blockquote{
float:left;
width:20%;
font-size:small;
padding:20px 10px 18px 72px;
background-color:#dadada;
border-top:3px solid #bbb;
border-bottom:3px solid #bbb;
margin:0px 20px 10px 0px;
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABgCAMAAAB12e/kAAAAM1BMVEUAAADy8vLm5ubZ2dnMzMy/wL+zs7OmpqaZmpmMjYyAgIBzdHNmZ2ZZWllNTk1AQUA0NTTV/GIyAAAAAXRSTlMAQObYZgAAAoZJREFUWIXtmMuigyAMROsbFYH//9prtL4wA9O66OayVHpMhiGhvF7/48ejbquHgBBc8QRQuBBC+4TQzwD7BFDNAF9yc/Vp00zomJ/P2U7a847Oodc/VXg2hxpkO8zPDRUCyFbAanK3YUC2Aq4ZQAmyFRl7KgSbkJHycwOyNaydF+Mru6+krWDAio3zc8oK8ilt99a0jCNYMcvKKJ8awXNqR4lpVOPPzx0FaIGM7ScrqX4KPb8NA2TkQ/DANI9DaOjSNocwaC9oLxjgW9qOMAR6R6AQSmBTNQR1IaRuN2wI2kIspYkNQa3D4iZVHm2iartJL1n34cCai45UEg1a855NYkSxOnIlStTP5LwQGEeDXv3BkcUh4zqyW6M2tSbByDCglehIGcSPeluXJsxUJ/FjUN8EUsgBzZPaQgnp0TzZr0yFXL4EZWDOPT0U3JOECQkuXmcIBRS8JQmLDHBnMwQDl8yShGWeWuA8SYCCLwIRhApOq1dC1lFY8PVN3tVYcLMSsjsLCz6uhGyt9zDUlZ3t2wVOdiNkTlBvwbWm8gbkWn+D5doImUL5Flwrcjsh7YiNoLS8nZCutRZ/ZyektdwIilwHIXkW3AiKXO5ApPr/TrinYQ9CKo992l2uIVAIi+d0gUIchNv/s/pCCCOQ85TsbW9cCWHSEWe54i1uI4Rea8xpho+M2UUE/SjSBoworwBQaqpUoNPlHbKVD3jaJUBYq8Yo2Uv/OxkbO7tNEU4v8R1QJFdUKI4FTZSZ66pH26PYxEzdAV3TiO2/IZJ/Mc6roVxeLE0t3fq6RAgyautzvfMwzrc3j9Wex9c3sBuCu7VTx6o4d2uHhvHBkbenMIz60R3yj8YfLb9DlTEDJoEAAAAASUVORK5CYII=);
background-position:middle left;
background-repeat:no-repeat;
text-indent:30px}
</style>
<blockquote>
Dit is een blockquote die "gestyled" is
met een paar regels css. Een blockquote is bedoeld om langere stukken
tekst meer in het oog te laten springen. Als het een kort stukje is,
is het natuurlijk handiger om die tekst cursief te maken of anderszins
er uit te laten springen (met een <strong> o.i.d.).
</blockquote>