CSS cutting needs to be done for attached PSD following given practises
## Deliverables
For all the pages :
- all the text in Arial must to be in text not in image
- we need sub-menu under every buttons of the menu like in the [login to view URL]
- we need an accordeon menu for the right menu, it must be illimitted in height of each elements and bottom (rubon) must follow the effect.
Page [login to view URL] :
- the part "exprimez-vous" must be a form with a textarea under
- the input text witth the button "ok" must be a form
- "groupe de discussion", "modifier mon profil", "Messagerie" must be links
Page [login to view URL] :
- the Diaporama must to be done in jquery, the text must change with every image
- all the canvas must to be ilimited in height (if we have more content to put inside) but please respect the size of the psd
- "dernieres actualit?s" have to be automatic scrolling news done with jquery, all the items can have different height.
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.