gloomer v2

[gloomer]

I decided to make this design as simple as possible.

I'm still having a little bit of trouble here though.

gloomer.byethost13.com

I'd like to move the text portion 'up' a little bit, but I'm not sure how.

I'd also like to move the links to be placed a little left more, and in line with the header.

Is my code decent? Are there any errors, optimization tricks or such that I'm missing?

Thanks a bunch for viewing this.

[Stuart]

Could you post your code? The positioning is simple to achieve with the right css styling, but we need to see it first... From your source code I gather this:

Code: Select all

body {
margin:0;
padding:0;
background-color:#000000;
font:12px "Lucida Grande", Arial, Sans-serif;
color:#1e87fe;
}



#header {
border:1px;
}

a:link {
color:#1e87fe;
}

a:visited {
color:#b820ba;
}


a:hover {
color:#b820ba;
}

a:active {
color:#1e87fe;
}


#nav {
float:right;
list-style:none;
}




ul li {
display:inline;
}


#sidebar {
margin:10px;
float:left;
}


#sidebar2 {
margin:10px;
float:right;
}

#content {
margin:100px;
padding:0px;
line-height:200%;
width:900px;
}

h1 {
color:#b820ba;
}

#footer {

}

Is that it? Try making the content like this:

Code: Select all

#content {
margin:10px;
padding:0px;
line-height:200%;
width:900px;
}

Your margin was 100px! That's huge, so I made it 10px instead. That should do it. I'll get back to the links...

Cheers