View Single Post

JustinStudios · #1 (**permalink**) Apr 5th, 2007, 15:41

Ok, I am redesigning the Beyond 2000 website in CSS per request of you's guys. I told you I would be posting here and finally I am. Here is the address of the site in question. http://www.justudios.com/B2k/ Now as you can see it looks horrid now, the menu bars are broken up, there is spaces in places that I don't want space, and my footer is floating up beside my content instead of below it. I have been working for several hours with no posotive changes so I decided it was time to post on the forumz.

Here is my stylesheet:

Code: Select all

body {
 background-image: url(images/background.jpg); 
 background-repeat: repeat-x; 
 background-color: #5a677c;}
A:Link {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 display: block;
 padding: 3px 35px 3px 35px; 
 text-decoration: none;}
A:Hover {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 display: block; 
 padding: 3px 35px 3px 35px;
 text-decoration: none;}
A:Visited {
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 display: block;
 padding: 3px 35px 3px 35px; 
 text-decoration: none;}
p { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
 text-indent: 15px;
 margin: 5px 15px 15px 15px;}
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: bold;
 color: #000000;
 margin: 0px;}
h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #000000;
 margin: 0px;}
 
.norm, .norm:Link, .norm:Hover, .norm:Visited { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-decoration: underline;
 text-indent: 15px;
 color: #0000CC;
 display: inline;
 padding: 0;}
* {
    margin: 0;
    padding: 0;}
.wrapper {
    width: 770px;
    margin: 0;}
.content {
 background-image: url(images/main-content.jpg);
 background-repeat: repeat-y;
    width: 550px;
 position: absolute;
    left: 150px;}
.nav {
    width: 270px;
    float: left;}
.footer {
    clear: both;}
.Navtop {
 list-style: none;
 width: 270px;
 height: 27px;
 background-image: url(images/nav-top.jpg);
 background-repeat: no-repeat;
 }
.button {
 list-style: none;
 width: 270px;
 height: 21px;
 background-image: url(images/nav-.jpg);
 background-repeat: no-repeat;}
.button:Hover {
 margin-left: 1px;
 list-style: none;
 width: 270px;
 height: 21px;
 background-image: url(images/nav-over.jpg);
 background-repeat: no-repeat;}
.contentTopper {
 background-image:url(images/ContentTop.jpg);
 background-repeat: no-repeat;
 z-index: 1;
 position: absolute;
 width: 550px;
 left: 150px;
 top: 152px;}

please View Source on the page to view its source, It's all html.