I'm "learning" to develop DNN skins in a pure CSS style. -Rather than tables- I went through the nine videos offered on this site which helped a lot. I believe I’m getting close, but I have a few issues that seem small, but I can't seem to get them to work. If someone would kindly look at my CSS and attachments I would appreciate the feedback. I'm sure I'm doing something obvious as I'm much more a designer than developer. Thanks!
~See the attached images~
Here is my CSS:
body
{
margin: 0;
padding: 0;
line-height: 1.1;
font: small Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/sponge_blu.gif);
background-repeat: repeat;
background-position: center;
background-attachment: fixed;
}
#wrap
{
width: 75%;
margin-left: 10%;
margin-right: 10%;
min-width: 600px;
max-width: 800px;
padding: 0 5px 0 5px;
background-color: #741415;
border: 2px solid #FFFFFF;
}
.tagline
{
float:right;
clear: both;
width: 10%;
padding-left: 25px;
}
#loginlinks, a:link, a:active, a:visited
{
float: right;
width: 90%;
text-align: right;
color: #FFFFFF;
margin-right: 2%;
}
#loginlinks a:hover
{
color: #CCCCCC;
text-decoration: none;
}
#logo
{
float:left;
clear: both;
}
#content
{
clear: both;
width: 95%;
background-color: #FFFFFF;
padding: 10px 10px 10px 10px;
margin-left: 2%;
margin-right: 2%;
}
#menubar
{
float: left;
width: 95%;
padding: 5px 10px 10px 0;
margin-left: 2%;
margin-right: 2%;
}
#footer, a:link, a:active, a:visited
{
float: none;
width: 44%;
padding: 10px 10px 0 8px;
margin-left: 2%;
margin-right: 2%;
font-family: small Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #FFFFFF;
}
#footer a:hover
{
color: #CCCCCC;
text-decoration: none;
}
.asscap
{
float: none;
clear: both;
}
|