I have a styling question that i cannot find an answer for on the net and i hope you can help.
i would like to devide the background into two separate horizontal sections eg: 40% black and 60% a repeat image pattern.
is it possible to do this in css.
i think it might be with div tags, in the body section, but i've tried and failed in this.
but im probably not doing it right as im only a newbie to css.
ny tips would be gr8!
thanks a mil! :?
the best way to achieve this
the best way to achieve this would be to create a .png graphic that makes use of alpha transparency.
You may accomplish this by
You may accomplish this by using the method below.
In your css add background image to you body,in you layout (html) add a "Wrapper or container" what ever you prefer to call it and make it act as another layer body, add this to the css "width:100%;" then add another background image to that and position it bottom, or top, what ever works for you. If needed like "CupidsToeJam" suggest use a .png.
You may keep adding as many containers / wrappers / layers as you like to you accomplish your goal. Think of it as layers in a "Photoshop" program or any other image processing program, and also keep in mind how html works when it automatically grows with content.
why the width: 100% ? A div
why the width: 100% ? A div being a block level element is full width by default. If margins or padding were added to said div a scroll bar would be introduced (with with 100% width declaration).
Thanks for this
Thanks for this wolfcry911
That is definitely true, but I not add any padding or margins to that div, I treat it like if it was the body, and put another div in it as my site wrapper.
thanks lads! i got it
thanks lads! i got it sorted!!!