[Website] Trasion

[Mike]

Can someone help me?

Sorry, the host went down. The site is back up now.

But with my css.

http://trasion.com/website/stylesheet.css

How can I make it so the footer, header, content, and navigation, all have a 2px #373737 line on the right and left side? (but NOT on bottom or top)

Here is the stylesheet:

body
{
	background: #1b1b1b;
	color: #373737;
	font: 12px Arial;
	margin: 0px;
	padding: 0px;
}


.header
{
	display: block;
	background: url('images/header.gif');
	width: 786px;
	height: 130px;
}

.content
{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 770px;
	background-color: #e6e6e6;
	color: #2f3b4b;
	border: 0px;
}

.content_border
{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 786px;
	background-color: #e4e4e4;
	color: #2f3b4b;
	border: 0px;
}

.footer
{
	margin: 0 auto;
	padding: 0;
	width: 786px;
	height: 20px;
	background: url('images/nav_bottom_bg.gif');
	color: #FFFFFF;
	border: 0px;
	text-decoration: none;
	font: bold 10px Arial;
}

.footer_end
{
	margin: 0 auto;
	padding: 0;
	width: 786px;
	height: 2px;
	background: #373737;
	color: #FFFFFF;
	border: 0px;
	text-decoration: none;
	font: bold 10px Arial;
}



/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: 786px;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: url('images/nav_top_bg.gif');
color: white;
padding-right: 25px;
padding-left: 25px;
text-decoration: none;
font: bold 13px Arial;
}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: url('images/nav_top_hover.gif');
font: bold 13px Arial;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: url('images/nav_bottom_bg.gif');
color: white;
width: 766px;
height: 14px;
padding: 10px;
border: 0px;
text-decoration: none;
font: bold 10px Arial;
}

.tabsmenucontentclass a{
clear: left;
background: #154c89 url('images/nav_bottom_bg.gif');
color: white;
width: 766px;
height: 14px;
padding: 10px;
border: 0px; 
text-decoration: none;
font: bold 10px Arial;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

[Parker]

border-right:2px solid #373737;
border-left:2px solid #373737;
border-top:none;
border-bottom:none;

[Mike]

Thank you!

http://trasion.com/website/

The site is now fixed up with fixed up borders.

[Mike]

Oh my god, got rid of a MAJOR error, and made the website look so much better in under 10 minutes!

Check it out and please rate this one, compared to the old version (if you already saw the old one)

http://trasion.com/

[jordyvdboom]

Little advice:

The content text is nearly to the sides and top/bottem. I suggest you to use a padding: 0 10px; or something like that.

[Mike]

Yeah, I will. Thank you. :)

I was working on that, but right now I'm working on the layout itself a bit more, not the content area.

[Monsta.]

It is very nice.

However, I hate that font on your copyright!

Put it to Verdana :P.

[patrickisit]

Nice work.
Is this all from scratch?
If so, really good work!

[Mike]

The copyright text will be removed in the future and done differently, no worries.

Thanks for the comments!