css cutting needs to be done for attached PSD following given practises
## Deliverables
We need 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 955px with, everything that is on the right or on the left is in this background.
- The submenu is an exemple, it has to appear only when the mouse is on the menu.
- The submenu is to adapt with the colors of each menus. Use "submenu1", "submenu2", "submenu3", "submenu4", "submenu5", for the submenus texts and [login to view URL], etc for the links.
- 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.
The 3 block's buttons on the left must be with 2 images (one with the arrow and one without) onmouseover and when it's selected.
For the menu, we must have the arrow under the title (like in interne page) on mousevoer and when it's selected.