Help - Search - Members - Calendar
Full Version: My Website
Sal's RuneScape Forum > Everything... Not RuneScape > Tech Talk > Programming & Web Development
Pure numse
Can someone help me please?

This:



should be like this:



Here is the CSS:

CODE
* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}

body {
font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* -------------------------------------------------------------------------- */

#container {
width: 1000px;
margin: 0 auto;
min-height: 100%;
background: url(images/containerbg.gif);
padding-bottom: 50px;
border-left: 5px solid #5D5D5D;
border-right: 5px solid #5D5D5D;
}

/* -------------------------------------------------------------------------- */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline;
}

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* -------------------------------------------------------------------------- */

#nav {
width: 213px;
float: left;
}

h4 {
font-size: 12px;
height: 18px;
color: #FFF;
padding: 3px 0 0 10px;
}

#nav ul {
list-style-type: none;
margin-bottom: 5px;
}

#nav a {
display: block;
font-size: 10px;
font-weight: bold;
color: #999;
text-decoration: none;
margin: 0 4px auto 4px;
padding-left: 5px;
border-bottom: 1px solid #CCC;
height: 12px;
padding-top: 7px;
}

#nav a:hover {
background: #F5F5F5;
}

#ad a {
width: 200px;
margin: 5px auto;
padding: 0;
border-bottom : 0;
height: 400px;
}

/* -------------------------------------------------------------------------- */

#login input {
border: 1px solid #CCC;
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #CCC;
width: 200px;
margin: 3px 6px;
text-align: center;
}

#login input#submit {
font-style: normal;
color: #999;
}

#login input#uname:focus, input#pword:focus {
border: 1px solid #999;
font-style: normal;
color: #999;
}

#login fieldset {
border: 0;
}

#login legend {
display: none;
}

#login label {
display: none;
}

/* -------------------------------------------------------------------------- */

#rightside {
float: right;
width: 782px;
}

/* -------------------------------------------------------------------------- */

h1 {
height: 93px;
text-indent: -9999px;
border-bottom: 1px solid #666;
}

/* -------------------------------------------------------------------------- */

h2 {
background: url(images/contenthead.gif);
height: 14px;
font-size: 12px;
border-top: 5px solid #5D5D5D;
padding: 3px 0 3px 10px;
color: #666;
}

/* -------------------------------------------------------------------------- */

h3 {
font-size: 16px;
color: #666;
margin: 15px 7px;
border-bottom: 3px double #999;
}

#rightside p, a {
font-size: 12px;
color: #999;
text-decoration: none;
margin-left: 20px;
margin-right: 10px;
}

#colourchange a {
margin-left: 0;
}

#rightside a {
margin: 0;
}

/* -------------------------------------------------------------------------- */

#footer {
background: url(images/footer.gif);
width: 782px;
margin: 0 auto;
height: 25px;
margin-top: -25px;
text-align: right;
border-left: 5px solid #5D5D5D;
border-right: 5px solid #5D5D5D;
}

#footer p, a {
font-size: 12px;
color: #666;
margin-right: 100px;
padding-top: 4px;
}

#footer a {
margin: 0;
}
Kwinten
Could you please provide full size images so we can at least see what the problem is? bleh.gif

Akright nevermind. I'll look into it. What's the CSS name of the line?
Pure numse
well i dont know =/ i cant find the problem sad.gif in the CSS
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.