JeffS
10-19-2010, 02:36 PM
Hello,
I'm re-doing an ancient framed site, trying to get the hang of ccs without my bad ol' habit of just cut & pasting.
I've done a central content box (800px x 100%) in which I'd like to place two columns for the text & actual content ...
Any advice would be greatly appreciated. Thank you.
(Oh, have been using the wonderful DD menu scripts for a while...)
my css looks like this, at the moment :
#Box {
width:800px;
margin:1px auto;
text-align:left;
padding:0px;
border:1px solid #A8A8A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #7F7F7F;
font-size: 12px;
box-shadow: 5px 7px 8px #818181;
-webkit-box-shadow: 5px 8px 7px #818181;
-moz-box-shadow: 5px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
background:#ffffff
}
#wrapper {
margin: auto;
width: 800; /* Replace the xxxx with the the width of your site (eg 800px)*/
text-align:left; }
#text {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #6A6A6A;
font-size: 12px;
}
#h1 {
text-align: center;
font-size: 14px;
color: #6A6A6A;
font-weight: bold;
text-decoration: underline;
}
I'm re-doing an ancient framed site, trying to get the hang of ccs without my bad ol' habit of just cut & pasting.
I've done a central content box (800px x 100%) in which I'd like to place two columns for the text & actual content ...
Any advice would be greatly appreciated. Thank you.
(Oh, have been using the wonderful DD menu scripts for a while...)
my css looks like this, at the moment :
#Box {
width:800px;
margin:1px auto;
text-align:left;
padding:0px;
border:1px solid #A8A8A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #7F7F7F;
font-size: 12px;
box-shadow: 5px 7px 8px #818181;
-webkit-box-shadow: 5px 8px 7px #818181;
-moz-box-shadow: 5px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
background:#ffffff
}
#wrapper {
margin: auto;
width: 800; /* Replace the xxxx with the the width of your site (eg 800px)*/
text-align:left; }
#text {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #6A6A6A;
font-size: 12px;
}
#h1 {
text-align: center;
font-size: 14px;
color: #6A6A6A;
font-weight: bold;
text-decoration: underline;
}