CSS cutting needs to be done for attached psd following given practises
## Deliverables
We need a little "design" to integrate into this psd before the cutting in CSS :
In the zip folder, there are 2 files, 1 psd and 1 image.
For the image we need to replace the black color by this blue color : #127fbd and the red color by this pink color : #d51bdb.
After, please replace the image on the psd by the new image you become to made (same size than in the psd).
Also, we need all the canvas (form, texte canvas...) must be expendable in height if we want to put others items inside.
We need Also a second page without element inside, just the header, the menu, the body, the footer.
We need also the following rules to be applied:
- The work has to be 100% W3C compliant
- The web page, once cut, has to look exactly like the PSD given,
- It must display the same in 1024 and above in IE7, IE8, IE9, Chrome, and FF at least.
- The cutting has to follow the logical blocs of the page.
- The cutting has to be "complete" which means :
. all the text has to be real text, not images,
. photos have to be isolately cut (because photos are dynamic actually),
. forms elements such as input, checkbox, radio button, select have to be HTML, not images or drawings,
- The cutting has to be elastic in height,
- No iframe nor frame must be used,
- No javascript for rollover, submenus, etc. except if absolutely necessary, just CSS,
- Please provide PSD for buttons or text in images,
- Only one style sheet, not one per page,
- Please respect the color of background,
- The page has a 517px with, everything that is on the right or on the left is in this background.
- The titles or sub titles of the pages have to be as close as possible of the <body> tag and use H1, H2, etc.
- Please use the following doctype:
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[login to view URL]">
< html xmlns="[login to view URL]">
< head>
< meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- All picture must be transparent and don't take the color background.