That worked! Thanks! Ted ----- Original Message ---- From: Gunlaug Sørtun <[EMAIL PROTECTED]> To: Ted Johnson <[EMAIL PROTECTED]> Cc: [email protected] Sent: Monday, October 23, 2006 10:40:13 AM Subject: Re: [css-d] CSS Tile Trick
Ted Johnson wrote: > Hi; I have a graphic I want to use for the top of the pages in a Web > site. It's 788 px wide. I have little tile graphics (as high as the > main graphic) I want to tile on either side of the main graphic for > browsers whose resolution is greater (to fill up the space). I > imagine I need to create a table with one row, a column of repeated > tiles, the main graphic in a second column and finally a third column > of repeated tiles. How do I "repeat" these tile graphics? > http://test.2012.vi Your imagination is playing tricks on you... :-) ...you're overcomplicating things. The div is already covering the full width, so all you need is a background on it. Based on the source-code you have now, the following will work... <div align="center" style="background: #cde url(images/toptile.jpg) repeat-x 50% 0;"> <img src="images/template.jpg" width="788" height="89" alt="The 2012.vi Community headmast" /> </div> ...with an image called 'toptile.jpg' fanning out from the center - filling the entire width regardless of window-width. ---- That div should of course be given an ID and all styles be moved to a stylesheet. Then it would look more like this... HTML: <div ID="header"> <img src="images/template.jpg" width="788" height="89" alt="The 2012.vi Community headmast" /> </div> CSS: #header {text-align: center; background: #cde url(images/toptile.jpg) repeat-x 50% 0;} regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
