jumpstart

Greetings,
Here is my stylesheet.css. How would I move the sidemenu from the right to the left?

Thanks,
Bob

body {
margin: 0;
padding: 0;
font-family: Arial;
text-align:center;
}
#header {
position: relative;
width: 731px;
margin-right: auto;
margin-left: auto;
margin-top: 0;
text-align: left;
}
#companytitle {
background-color: #C06330;
width: 731px;
}
#companytitle h1 {
margin: 0 1px 0px 10px;
padding-top: 5px;
font-size: 30px;
color: #fff;
background: inherit;
}
#companytitle h2 {
margin: 0 10px 0px 12px;
font-size: 16px;
font-weight:normal;
padding-top: 5px;
color: #fff;
background: inherit;
font-style:italic;
}
#banner {
width: 730px;
height: 374px;
margin: 1px 0px 0px 1px;
padding: 0px 0px 0px 0px;
background: url(images/head.jpg);
}
#menucontainer {
background-color: #C06330;
width: 731px;
height:30px;
font-size: 14px;
padding-left:1px;
padding-top:10px;
margin-top:1px;
}
#top-nav {
margin: 0;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #bbb;
}
#top-nav li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#top-nav a:link, #top-nav a:visited {
float: left;
padding: 0 20px 20px 20px;
text-decoration: none;
color: #fff;
background:inherit;
}
#top-nav a:link.active, #top-nav a:visited.active, #top-nav a:hover {
background:inherit;
color: #fff;
text-decoration:underline;
}
#content {
float: left;
width: 550px;
margin-top: 0;
padding: 1px;
}
#content p {
padding-left: 15px;
padding-right: 10px;
text-align:justify;
}
#content h1 {
margin: 10px 30px 0 10px;
padding: 3px;
font-variant: small-caps;
font-size: 1.4em;
color: #666;
background: inherit;
}
#footer {
clear:both;
width: 700px;
padding: 3px;
margin: 20px 0px 0px 10px;
border-top: 1px solid #ddd;
font-size: 11px;
text-align: left;
color: #333;
background: inherit;
}
#side-menu {
width: 150px;
margin: 0px 0px 0px 556px;
padding-left: 3px;
padding-top: 5px;
}
#side-menu h1 {
margin: 0px 0px 0px 0px;
font-variant: small-caps;
font-size: 1em;
color: #bf6753;
background: inherit;
}
#side-nav {
width: 95%;
margin: 5px 0px 5px 5px;
padding: 0;
list-style-type: none;
color: #333;
background:inherit;
}
#side-nav a {
background-color:inherit;
display: block;
width: 95%;
text-align: left;
text-decoration: none;
color: #bf6753;
font-size: 12px;
padding-bottom:3px;
padding-top: 3px;
border-bottom:1px;
border-bottom-style:double;
}
#side-nav a#current, #side-nav a:hover {
text-decoration: none;
background-color: #fff;
color: #000;
}
.sideheader {
color: #fff;
background: inherit;
text-align: center;
font-size: 12px;
font-variant: small-caps;
margin-top: 10px;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 10px;
width:160px;
background-color: #C06330;
}
#links {
width:160px;
padding-bottom: 10px;
padding-top: 0px;
text-align: center;
border: 1px;
border-style:dashed;
}
#newsletter {
width:160px;
padding-bottom: 5px;
padding-top: 10px;
margin-bottom: 5px;
font-size: 12px;
text-align: center;
border: 1px;
border-style:dashed;
}
.nlform {
border-right: #ccc 1px solid;
border-top: #ccc 1px solid;
font-size: 8pt;
background: #ffffff;
border-left: #ccc 1px solid;
border-bottom: #ccc 1px solid;
font-family: "Verdana", "Arial"
}

Nick H

What is the link to your site please? Looks like it may be a simple fix, but I want to test it first using FireBug.

Thanks,
Nick

"Sonny, true love is the greatest thing in the world. Except for a nice MLT... mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe" - Miracle Max

MikeFriedman

Isn't it just

align: left;

???

Website Design in PA -- Website creation, SEO services, email marketing, social bookmarking, and more.

jumpstart

Its Direct Response Websites

Thanks

MikeFriedman

No I'm an idiot. Not "align".

It's float: right;

Website Design in PA -- Website creation, SEO services, email marketing, social bookmarking, and more.

Nick H

Here is the code you want to replace:

#content {
float: right;
width: 550px;
margin-top: 0;
padding: 1px;
}

Changed from:

#content {
float: left;
width: 550px;
margin-top: 0;
padding: 1px;
}

And also change this:

#side-menu {
width: 150px;
margin: 0px 0px 0px 6px;
padding-left: 3px;
padding-top: 5px;
}

Changed from:

#side-menu {
width: 150px;
margin: 0px 0px 0px 556px;
padding-left: 3px;
padding-top: 5px;
}

That will do the trick!

Cheers,
Nick

"Sonny, true love is the greatest thing in the world. Except for a nice MLT... mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe" - Miracle Max

jumpstart

I've tried that Mike and it did not work......thanks!

jumpstart

Thanks Nick......did you figure that out using Firebug?

Nick H

I used FireBug to test the changes before I posted them.

FireBug is a Firefox addon. You can get it at >> http://getfirebug.com/

Cheers,
Nick

"Sonny, true love is the greatest thing in the world. Except for a nice MLT... mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe" - Miracle Max

fajar78

hi... thanks
i get new info about mozilla addon from this forum

WTS - Blogroll PR3 Health Beauty | PR4 Tech, MobilePhones, Computer | Paypal Verified