seminaljim
11-06-2011, 06:27 AM
OK, I'm soo new to this but i'm trying my hardest to build a web site from scratch. I laid out the page how i think it should be done...
Ive put in a header, and a wrapper with three coloums (RGB), inside these coloum i'd like to put modules that i create, then add in php and what later... its just the layout im doing the now. please have a look help with any tips, and fixes.
http://www.snapse.net/tempsite
My problems so far are...
1. I cant space inbetween the modules, eg. Left Module 1 & 2. for some reason the margin top and bottom have no effect.
2. I cant get "Content Module Split 1 & 2" to stay on the same line, clear: both has no effect?
Here is the CSS...
#module
{
float: left;
margin: 0px 0px; padding: 10px;
background: black;
border: 2px solid cornflowerblue;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.moduleSide
{
clear: both;
width: 205px;
}
.moduleMain
{
clear: both;
width: 685px;
}
.moduleSplit
{
width: 300px;
}
What am I not doing to make this work?
PS, this is the only way i know how to present this, any help if you's can?
Ive put in a header, and a wrapper with three coloums (RGB), inside these coloum i'd like to put modules that i create, then add in php and what later... its just the layout im doing the now. please have a look help with any tips, and fixes.
http://www.snapse.net/tempsite
My problems so far are...
1. I cant space inbetween the modules, eg. Left Module 1 & 2. for some reason the margin top and bottom have no effect.
2. I cant get "Content Module Split 1 & 2" to stay on the same line, clear: both has no effect?
Here is the CSS...
#module
{
float: left;
margin: 0px 0px; padding: 10px;
background: black;
border: 2px solid cornflowerblue;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.moduleSide
{
clear: both;
width: 205px;
}
.moduleMain
{
clear: both;
width: 685px;
}
.moduleSplit
{
width: 300px;
}
What am I not doing to make this work?
PS, this is the only way i know how to present this, any help if you's can?