Last post May 03, 2012 09:23 AM by jamshed alam
Apr 29, 2012 10:55 AM|jamshed alam|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 12:29 PM|XIII|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 07:23 PM|jamshed alam|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 07:42 PM|XIII|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 08:00 PM|riak|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 08:20 AM|jamshed alam|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 08:22 AM|jamshed alam|LINK
Apr 30, 2012 08:42 AM|teguhyuliantos|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 02:21 PM|riak|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 03:18 PM|XIII|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.
May 01, 2012 07:38 AM|jamshed alam|LINK
sorry for late reply, but i visited http://www.w3schools.com/ but did not found. What do mean by XIII which u mention in your last post.
Plz you know any refence site where i can get help, mention it's url. I am very greatfull to you for your effort.
May 01, 2012 12:22 PM|XIII|LINK
but i visited http://www.w3schools.com/ but did not found
In my first reply there was a direct link to
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-position. Open that, copy the technique, add the extra div or make use of the body element as told before and get it going. We can only give you the solution but it's up to you to actually
do the effort to get your application going.
May 03, 2012 09:23 AM|jamshed alam|LINK
Thanks for your response.
Yeh i did, and continuing tring to acheive that,but still not get the final result. I think i shoud use some scripting to do that.
I add division and make header and footer but when i decrease body with header and footer with also decrease bcs it's inside the body.I m missing something and i do not knw exactly what is that.