I am trying to create a visual box on a page where the top part looks like a spiral notebook ring. I am no css wizard but I'm thinking I should be able to do this with 3 divs next to each other . The left and right divs will have a background image with a rounded corner and a single spiral loop. The center will have a repeating image of a single loop so that the box can expand to fit different size device windows. I have set the divs to float:left and set the left and right divs to the width of my background image. What I can't figure out is the width to set on the center so that the entire "row" fills the width of its parent.
This is my CSS. I am not able to provide a link at this time. <div style="width: 34px; background-color: pink; float: left;">left</div> <div style="background-color: yellow; float: left;">center</div> <div style="width: 34px; background-color: blue; float: left;">right</div> Angela French Internet/Intranet Specialist Washington State Board for Community and Technical Colleges 360-704-4316 afre...@sbctc.edu<mailto:afre...@sbctc.edu> www.sbctc.edu<http://www.sbctc.edu/> ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
