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
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.
Grz, Kris.
Read my blog | Twitter Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
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.
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%.
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.
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%.
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%.
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.
Grz, Kris.
Read my blog | Twitter Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
jamshed alam
Member
319 Points
105 Posts
html css,javascirpt desing layout
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???????????
XIII
All-Star
182707 Points
23464 Posts
ASPInsiders
Moderator
MVP
Re: html css,javascirpt desing layout
Apr 29, 2012 11:29 AM|LINK
Hi,
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.
Grz, Kris.
Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
jamshed alam
Member
319 Points
105 Posts
Re: html css,javascirpt desing layout
Apr 29, 2012 06:23 PM|LINK
HI Kris,
Thanks for your response,
http://en.bulgari.com/
where image in center, and header and footer upon images like the above site,
Plz help me if u can
XIII
All-Star
182707 Points
23464 Posts
ASPInsiders
Moderator
MVP
Re: html css,javascirpt desing layout
Apr 29, 2012 06:42 PM|LINK
Hi,
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.
Grz, Kris.
Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!
riak
Member
268 Points
88 Posts
Re: html css,javascirpt desing layout
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.
Good luck
jamshed alam
Member
319 Points
105 Posts
Re: html css,javascirpt desing layout
Apr 30, 2012 07:20 AM|LINK
Hi kris,
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!!!
jamshed alam
Member
319 Points
105 Posts
Re: html css,javascirpt desing layout
Apr 30, 2012 07:22 AM|LINK
teguhyuliant...
Participant
1370 Points
372 Posts
Re: html css,javascirpt desing layout
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.
riak
Member
268 Points
88 Posts
Re: html css,javascirpt desing layout
Apr 30, 2012 01:21 PM|LINK
Did you read my post?
XIII
All-Star
182707 Points
23464 Posts
ASPInsiders
Moderator
MVP
Re: html css,javascirpt desing layout
Apr 30, 2012 02:18 PM|LINK
Hi,
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.
Grz, Kris.
Interested in Azure, ASP.NET (MVC), jQuery, WCF, EF, MS SQL, ...
Keep the forums clean: report to the moderation team!