tiling a background image in a container
i have template header, 1 sidebar each side, , main content section (from dw stock template). left sidebar has navigation menu, doesn't fill whole screen vertically. main content section can go on many screens. want put tiled image (results in colored vertical stripes) in sidebar, start showing under navigation menu, , continuing way end of main content section. can tiling, length of nav menu. have following code sidebar:
.thrcolabshdr #sidebar1 {
position: absolute;
top: 190px;
left: 1px;
width: 150px;
height: 100%;
background-image: url(../bikeraceinfo2/images/left.jpg);
background-repeat: repeat-y;
}
when inserted "height: 100%" line, managed pull stripes out inch below nav menu; without hidden (but there). old version, if want see i'm trying do, @ www.bikeraceinfo.com (that accomplished putting in table column, automatically kept going longest column).
how convince keep going bottom of main content section?
from understand, think looking technique called "faux columns."
it looks me though trying rebuild set using css instead of tables layout. that's idea! think you need cautious using height in layout because most comfortable position allow content of element determine that. not of course, have content changes between pages help.
nancy o shows layout using faux columns here:
http://alt-web.com/templates/3-col-white-gray.shtml
and can see image has used make faux columns here.
http://alt-web.com/images/bg/tri-color-bg.gif
it eaier advise if post link new page and tell element put image image can go in containing element.
i hope helps , haven't misunderstood question
martin
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment