Home › Forums › CSS › support with layout scripting… › Re: support with layout scripting…
September 19, 2012 at 5:33 pm
#110409
Ani_Participant
Okay so i took over most of the things. And now i got everything on its place i starteded using another editor bu now im struggling with the tekst in the two side blocks extra and intressant. This is the code as of now:
@charset "utf-8";
/* CSS Document */
Geschreven door: Jens de Koning
[email protected]
http://www.lerend-doen.nl
/* Hier staan de standaard settings van een CSS script */
* { margin:0; padding: 0; }
html { overflow-y: scroll; }
body {
font: 85.5% Helvetico, sans-serif;
background-color: #232323;
background-image: url(images/bg_lijnen.png);
}
ul { list-style: none inside; }
p { font-size: 1.2em; line height: 1.2em; margin-bottom: 1.2 em; }
a img {border: none; }
/*DIT IS EEN TEST */
scrollbar-arrow-color: #1d2e3c;
scrollbar-face-color: #273f51;
scrollbar-highlight-color: #1d2e3c;
scrollbar-3dlight-color: #1d2e3c;
scrollbar-shadow-color: #1d2e3c;
scrollbar-darkshadow-color: #1d2e3c;
scrollbar-track-color: #1d2e3c;
}
/* Einde van de standaard settings */
/* Code van de div tags */
#page-wrap {
width: 1200px;
margin: 0 auto;
}
header {
background: url(images/logo_creature.png) no-repeat 100px;
height: 208px;
}
nav {
padding-left: 300px;
padding-top: 140px;
}
#content {
width: 825px;
height: 510px;
background-image: url(images/content_bg.png);
background-repeat: no-repeat;
z-index: -1;
position: absolute;
left: 125px;
top: 206px;
}
#tekst {
font-size: 16px;
font: "Verdana", Geneva, sans-serif;
overflow-y: scroll;
width: auto;
height: 459px;
z-index: -1;
margin: 35px 5px 0px 20px;
padding-right: 30px;
}
#blocks {
float: right;
height: 510px;
margin-right: 200px;
margin-top: -28px;
}
#intres {
background-image: url(images/body_bg_intres.png);
height: 248px;
width: 250px;
}
#extra {
background-image: url(images/body_bg_extra.png);
height: 248px;
}And the HTML:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pretium auctor faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae posuere est. Maecenas mattis egestas arcu a posuere. Aliquam erat volutpat. Maecenas condimentum ante sit amet nunc aliquet fermentum. Duis scelerisque augue eget metus fringilla dictum. Curabitur luctus convallis quam, eget venenatis dolor dignissim sit amet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum sem tellus, vehicula a molestie ut, vehicula sit amet nisl. Ut suscipit, dui eget euismod consequat, nisi odio congue turpis, vel semper mauris nisl sed purus. Pellentesque in nulla sapien. Etiam blandit gravida dolor et ultricies. Nulla id sapien dui, at interdum est. Aliquam erat volutpat. Aenean arcu purus, condimentum vitae elementum id, posuere non metus. Sed tristique facilisis scelerisque. Sed congue, arcu quis pellentesque rhoncus, mauris velit posuere dolor, ac dignissim risus sapien placerat orci. Etiam tempor dolor ut dolor facilisis accumsan. Maecenas tortor purus, hendrerit non facilisis pulvinar, tristique vel leo. Ut in sollicitudin tortor. Pellentesque augue diam, sodales sed malesuada eu, malesuada vel nisl. Quisque scelerisque neque ut sapien volutpat ac luctus dui vulputate. Etiam ac diam neque, non rutrum metus. Pellentesque vel diam tortor. Vivamus tincidunt semper sapien, a dignissim ligula condimentum quis. Suspendisse euismod, mauris non mollis condimentum, orci ligula semper orci, et varius mauris nisl a eros. Pellentesque turpis magna, varius eu ultrices id, venenatis vitae erat. Praesent suscipit rhoncus odio, sed feugiat nisl tempus eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur congue ipsum sed nulla hendrerit vulputate. Proin aliquet nunc non quam laoreet porttitor. Ut mattis risus eget lorem sagittis ullamcorper. Proin rhoncus ipsum vitae sem rhoncus malesuada. In vel lacus eu sapien condimentum cursus. Praesent at justo quis erat sagittis malesuada. Mauris tristique purus sed metus rutrum lacinia scelerisque nisl venenatis. Integer faucibus felis sed nisl aliquam lobortis. Quisque quis imperdiet mi. Donec vehicula gravida metus, eget cursus leo molestie at. Etiam vel mi felis. Phasellus dapibus scelerisque mauris, id vulputate mi scelerisque vel. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent scelerisque, felis eget faucibus luctus, est nibh consectetur augue, et consectetur felis nunc eget nunc. Quisque id odio porttitor nibh lobortis mattis. Vestibulum venenatis congue justo. Nunc mollis dui ut justo iaculis ultricies. Nam laoreet, purus non tincidunt mattis, felis felis tempor sem, a sodales eros massa et tellus. Fusce bibendum dolor sed est sagittis elementum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nullam eget metus diam. Curabitur quis arcu sed odio imperdiet imperdiet sed vel ipsum. Nullam dapibus interdum ipsum, id adipiscing erat congue vel. Nunc felis leo, dictum sed egestas sodales, vehicula ac metus. Praesent gravida venenatis tellus, feugiat gravida est pellentesque et. Nunc congue sapien in arcu lacinia porta.
Hoi
Hoi
