Hi ok i'm attemtping to design a web 2.0 look site. i cannot give you the exact site but i will show exactly what i am trying to acomplish
ok so here is the basic look i am going for
ok so basicly what i have done is
<div class="content">
<div class="ctl"></div><div class="ctm"></div><div class="ctr"></div>
<div class="cml"></div><?php include('example.php') ?><div class="cmr"></div>
<div class="cbl"></div><div class="cbm"></div><div class="cbr"></div>
</div>
css
.content {
position:absolute;
top: 180px;
right: 300px;
left: 275px;
height: 450px;
width: 785px;
margin-left: auto;
margin-right: auto;
}
.ctl {
position: absolute;
background-image: url('images/ctl.png');
top: 0px;
left: 0px;
height: 41px;
width: 41px;
z-index: 3;
}
.ctm {
position:relative;
background-image: url('images/ctm.png');
top: 0px;
left: 41px;
right: 41px;
height: 41px;
width:100%;
z-index: 3;
}
.ctr {
position:absolute;
background-image: url('images/ctr.png');
top: 0px;
right: 0px;
height: 41px;
width: 40px;
z-index: 3;
}
now what happens is this
any possible way to make ctm stop 100% when it reach's ctr
index
CTL - Content Top Left
CTM - Content Top Middle
CTR - Content Top Right
CML - Content Middle Left
etc