PDA

View Full Version : Urgent help please!


Lewis_
03-27-2009, 05:31 PM
http://www4.picturepush.com/photo/a/1529477/img/1529477.png (http://www.picturepush.com/public/1529477)

Ok so im trying too add a border around my main container. ive added a div too the bottom for the bottom half of the border and put this code in it.

<div style="background: url(images/border_b.gif) repeat-x top left; width:845 px; height: 14px; margin: 0 auto"><div style="background: url(images/border_l_b.gif) no-repeat top left;width: 845px; height: 14px; margin: 0 auto"><div style="background: url(images/border_r_b.gif) no-repeat top right;width: 845px; height: 14px; margin: 0 auto"></div>

As you can see from above it goes past my 845 mark i set. the image that is doing this is border_b.gif. im fairly new too this so its probably something simple. can someone help me please?

Heres my css sheet if this helps?

@charset "utf-8";
@import url(nav.css);
/* CSS Document */



/* Blanket Styles*/
body {
background:url(images/BG.gif);
margin: 0; padding: 0;
font-size: small;
color: #383838;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
padding: 10px;
float: left;
}

img {
border-style: none;
}

* {
margin: 0; padding: 0;
}

a:link, a:visited {
color: #383838;
text-decoration: underline;
}

a:hover, a:active {
color: #585858;
}



/* Conatiner */
#container {
background-color: #DADEE0;
width: 845px;
margin: 0 auto;
overflow: hidden;
}

/* Header */
#container h1 {
width: 600px;
height: 42px;
margin: 28px 0 0 18px;
float: left;
font-family :Ligurino, Verdana, "Arial Rounded MT Bold", Arial, Georgia, "Times New Roman", Times, serif;
font-size:36px;`
}

#buttons {
margin: 42px 27px 0;
float: right;
}

#buttons img {
padding-left: 20px;
}


/* Info */
#info {
background: url(images/info_bg.gif) no-repeat;
width: 823px;
height: auto;
clear: both;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

#info h2 {
font: 100 140% Arial, Helvetica, sans-serif;
letter-spacing: 1.5px;
color: #464646;
padding: 22px 0 0 25px;
}

#info p {
width: 220px;
color: #898888;
padding: 5px 0 0 25px;
}

#whatisthis {
float: none;
width: 800px;
}

#templatetypes {
float:left;
width: 200px;
padding: 21px 0 0 66px;
}

#supportlinks {
float: right;
width: 155px;
padding: 21px 50px 0;
}

#info ul {
list-style-image: url(images/bullet.gif);
}

#info li {
line-height: 22px;
}

#info a:link, #info a:visited {
color: #585858;
text-decoration: none;
}

#info a:hover, #info a:active {
color: #585858;
background-color: #FFFFFF;
}



/* Main Content Area */
#content_main {
width: 620px;
padding: 0 0 0 15px;
margin: 20px 0;
float: left;
text-align: justify;
margin-left: 15px;
}

#content_main p {
line-height: 23px;
display: block;
text-align: left;
padding-bottom: 10px;
}

#nav_main {
float: right;
width: 150px;
background: url(images/r_bg.gif) repeat-y;
height: 400px;
padding: 0 0px 0 25px;
margin: 32px 0;
}

#nav_main ul {
list-style: none;
}

#nav_main ul li {
line-height: 23px;
}

#nav_main a:link, #nav_main a:visited {
color: #383838;
text-decoration: none;
}

#nav_main a:hover, #info a:active {
color: #585858;
}

#card {
float: left;
}

h3 {
font-family: "Times New Roman", Times, serif;
font-size: 180%;
font-weight: 100;
}

h4 {
color: #bbbbbb;
font-family: "Times New Roman", Times, serif;
font-weight: 100;
padding-bottom: 8px;
}

hr {
border: 0;
color: #d7d5cb;
background: #d7d5cb;
height: 1px;
margin: 15px 0 20px 0;
}

/* Footer */
#footer {
width: 822px;
color: #fff;
font-size: 85%;
margin: 20px auto;
padding-bottom: 20px;
}

#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
color: #fff;
text-decoration: none;
}

#copyright {
float: left;
}

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

#nav_footer li {
float: left;
}

/* Special Formatting */

code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #FAFAFA;
border: 1px solid #f2f2f2;
border-left: 3px solid #666666;
}
blockquote {
margin: 15px; padding: 0 0 0 20px;
background-color: #FAFAFA;
background-position: 8px 10px;
border: 1px solid #f2f2f2;
border-left: 3px solid #666666;
font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
color: #666666;
}

blockquote p, blockquote ul, blockquote ol {
line-height: normal;
font-style: italic;
}

.float-left { float: left; padding-right: 5px; }
.float-right { float: right; padding-left: 5px; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.bottombg body {
text-align: center;
min-width: 600px;
margin:0 auto;
width:600px;
text-align: left;
}


/* Table Styling */

table {
border-collapse: collapse;
margin: 10px 15px;
}

th strong {
color: #fff;
}

th {
background: #717170;
background-image:url(images/nav/nav_bg.png); background-repeat:repeat-x;
height: 35px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: left;
border-left: 1px solid #999999;
border-bottom: solid 2px #FFF;
}

tr {
height: 30px;
}

td {
padding-left: 11px;
padding-right: 11px;
/* border-left: 1px solid #FFE1C3; */
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}

td.first,th.first {
border-left: 0px;
}

tr.row-a {
background: #F8F8F8;
}

tr.row-b {
background: #EFEFEF;
}

/* form styling */

form {
margin:10px 15px; padding: 5px;
border: 1px solid #EEEEEE;
background-color: #FAFAFA;
}

label {
display:block;
font-weight:bold;
margin:5px 0;
}

input {
width: 275px;
padding: 2px;
border:1px solid #eee;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
color:#777;
}

textarea {
width:375px;
padding:2px;
font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}

input.button {
margin: 0;
font: bold 1em Arial, Sans-serif;
background: #FFF url(gradientbg.jpg) repeat-x;
padding: 2px 3px;
color: #333;
border: 1px solid #DADADA;
}

#container #navcont #nav a {
width: 93px;
}