Forum Moderators: not2easy

Message Too Old, No Replies

Gaps in repeating y image

Can't get borders to connect

         

mountaintime

11:47 pm on Jul 2, 2006 (gmt 0)

10+ Year Member



Hi, I can't get my repeating borders to connect. I am new to css so any help is appreciated. I just want the borders to connect when the content grows.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
<title></title>

<style type="text/css">

body,html {
margin:0;
padding:0;
background:#495835;
color:#000;
}
#wrap {
background:#74845C;
margin:.7em auto;
width:762px;
}
#header{
height: 170px;
width: 100%;
background-image: url(images/logobox.jpg);
}
#main {
background:#74845C;
width:518px;
height:100%;
margin-top:10px;
margin-bottom:10px;
padding:0px;
float:right;
background-image: url(images/rightrepeat.jpg);
background-repeat: repeat-y;
background-position: right bottom;
}
#main p{
font-size:20px;
margin-top:5px;
font-family: "rockwell";
color:#ffffff;
letter-spacing:2px;
position:relative;right:-15px;

}
#main ul{
font-size:12px;
font-family: "rockwell";
color:#ffffff;
letter-spacing:2px;
margin-right:45px;
position:relative;right:-23px;
position:relative;top:-15px;
}
#sidebar {
background:#74845C;
width:220px;
margin:0;
padding:0;
line-height: 1px;
font-size: 1px;
background-image: url(images/leftrepeat.jpg);
background-repeat: repeat-y;
float:left;
}
#sidebar h1{
margin-left:15px;
margin-top:9px;
}
#sidebar ul{
font-size:12px;
font-family: "rockwell";
color:#ffffff;
letter-spacing:2px;
position:relative; top:-90px;
position:relative; right:-21px;
}
#sidebar img {
float:left;
}
#footer {
background:#495835;
clear:both;
text-align:center;
font-family: "rockwell";
color:#ffffff;
font-size:11px;
display:block;
}
#footer p {
padding:5px;
margin:0;
}
a:link {
color:#ffffff;
}
a:visited {
color: #394429;
}

</style>
</head>

<body>

<div id="wrap">
<div id="header">
</div>
<div id="main">
<img src="images/navsep.jpg" align="left" />
<img src="images/top_picture.jpg" align="left" />
<p>About</p>

<ul>Here is some text that I am going to repeat for a little while.
Here is some text that I am going to repeat for a little</ul><g>
<img src="images/line.jpg" />
<img src="images/mid_picture.jpg" align="left" />
<p>Home Plans</p>
<ul>Here is some text that I am going to repeat for a little while.
Here is some text that I am going to repeat for a little while<p></p></ul>
<img src="images/line.jpg" />
<img src="images/bot_picture.jpg" align="left"/>

<p>Services</p>
<ul>Here is some text that I am going to repeat for a little while.
Here is some text that I am going to repeat for a little while
Here is some text that I am going to repeat for</ul>
</div>
<div id="sidebar">
<h1><img src="images/gallery.jpg" />
<img src="images/articles.jpg" />
<img src="images/about.jpg" />
<img src="images/warranties.jpg" />

<img src="images/additional.jpg" />
<img src="images/contact.jpg" />
<img src="images/ourpartner.jpg" />
<img src="images/home3_28.jpg" />
<img src="images/loknlogs.jpg" />
<img src="images/oval.jpg" /></h1>

</div>
</div>
</body>
</html>

texmex

4:12 am on Jul 3, 2006 (gmt 0)

10+ Year Member



mountaintime
This is a really difficult problem to solve without having some example images. If you have those images online and would like me to have a bash at working out what's causing the problem, post me a StickyMail with a url for the images. (On this page click Control Panel.. Sticky Mail.. Compose New..)

I'm just about to logout of the net and probably won't get a chance to look tomorrow, but if you don't get any success before that, the offer is open.

If anyone solves the problem in the meantime, without seeing the images, I doth my cap to them.