Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post May 03, 2012 08:23 AM by jamshed alam
Apr 29, 2012 09:55 AM|LINK
Hi all, It's very urgent,
i am very poor in desinging skills, but i have a very urgent requirent to desing a web page in asp.net that have big center image covering header and footer too.as well as displaying headr navigation and footer .upon the image
exactly like http://en.bulgari.com/
Anyone can help me???????????
Apr 29, 2012 11:29 AM|LINK
simply make use of CSS like in this example:
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-position. Simply make use of the image you want/need and play with the different settings of the positioning of the background image.
Apr 29, 2012 06:23 PM|LINK
Thanks for your response,
where image in center, and header and footer upon images like the above site,
Plz help me if u can
Apr 29, 2012 06:42 PM|LINK
did you take a look at the sample in the link that I provided in my initial reply? If not, be sure to check it out and reuse the same concept in your site.
Apr 29, 2012 07:00 PM|LINK
Create a wrapper div this will be your Image background. set the width 960px and margin: 0 auto (this will center it)
Then create a div for the header and set the position to absolute so it's over the top of the background and the same for the footer.
That's it in the nut shell but you should take note of XIII and go to the W3 school link. A wealth of knowledge is on there that can help you. It's better to learn the hard way than be given the answer.
Apr 30, 2012 07:20 AM|LINK
Yeh i copy the cody from your link , it's set the image in back ground , but my preoblem is that the background image in centre, if i dived it into three division and e.g main, header and footer, and i set main back gound image in center it's working, but
problem is that header and footer do not come over the image, and there width also become same like main. I want that header and footer come over the center image and header and footer width 100%.
If i missing anything plz explain me!!!
Apr 30, 2012 07:22 AM|LINK
Apr 30, 2012 07:42 AM|LINK
You can refer on some images editing site special for web applications. There a lot of tips as your needed. Basically, some design made of Photoshop applications.
Apr 30, 2012 01:21 PM|LINK
but problem is that header and footer do not come over the image, and there width also become same like main. I want that header and footer come over the center image and header and footer width 100%.
Did you read my post?
Apr 30, 2012 02:18 PM|LINK
Surround everything with one div, and make that one have the background image, give the div element a width and height of 100% so that it stretches the entire screen.
Another trick would be to add the background image to the body element in css.