Hi Mauricio and Others On 16/05/07, Mauricio Samy Silva <[EMAIL PROTECTED]> wrote: > > > The site is > > 760px wide with margin set to 0 auto. And here is the link: > > <http://testbed.cregy.co.uk/> > > <http://testbed.cregy.co.uk/wp-content/themes/sgafluid/style.css> > > The problem I am having is how to set the banner fully across the > > page. I have placed the width and margin values on three divs; > > navcontainer, header and wrapper. > ---------------------------------------------------------------------------- > Hi Rich, > You put the header image both into the HTML code and as header background. > Lets go with image as background that is better for future maintenance. > So do the following: > 1-) Get rid of the image into the HTML code; > 2-) Leave the image as header background in the CSS but change the color and > the repeat values > and add a height equal the image height: > > #header { > background: #3a80be url(images/top_bg.jpg) top left no-repeat; > height:160px; > } > > See the result in your browser and you will notice: > The left side color of the image boesn't match with the color chose for the > header background. > As the color for the image isn't solid you have two options: > a-) Change the left side boundaries of the image to a solid color (#3a80be) > b-) Stretch the left side of the image until a 1300px image wide (this will > increase the loading time) > > 3-) Finally we must put the text image within the HTML code (an > accessibility issue) > > <div id="header"> > <h1>SGA GLOBAL</h1> > <h2>Active Cure Technology</h2> > </div> > > and hide it: > > #header h1, #header h2 { > use a rule for image replacement [1] > } > Thank you so much for your help. The site is looking much better. I offset the image which I think looks good but you might not!
Thanks once again for all the help. Now I have to convince the client not to have the text so small. Sorry David if you can't read it - I have difficulty as well! -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 ______________________________________________________________________ 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/
