AceDesign - Web Creations</tile> <style> body { background-image:url(fond.png); padding:0px; margin:0px; background-repeat: repeat-x; } #header { height:100px; background-image:url(header.png); } #logo { padding-top:5px; padding-left:10%; } #rss { position:absolute; right: 30px; top: 58px; } #twitter { position:absolute; right: 100px; top: 58px; } #page { width:100%; position: fixed; left: 0%; top:100px; bottom: 85px; border-top: 3px #cccccc groove; oveflow-x:scroll; } #outdock { position: fixed; bottom: 0px; background-image:url(fonddock.png); background-repeat:no-repeat; background-position:bottom; } #dock { width: 768px; text-align:center; } .appearbox { width:20%; height:40px; padding-top: 10px; color: #ffffff; font-weight: bold;background:#000000; border-radius:15px; position: fixed; top: 40%; left: 40%; right: 40%; font-size: 20px; font-variant: small-caps; text-align: center; } /* #hometxt, #newstxt, #contacttxt, #bookmarktxt, #projectstxt, #aboutustxt, #devistxt {display:none; position:fixed; top:50%; left: 50%;} */ #home, #news, #contact, #bookmark, #projects, #aboutus, #devis {float:left; width: 128px; } #newsimg, #devisimg, #aboutimg, #contactimg, #bookmarkimg, #projectsimg{width:80px; height:80px; margin-top: 48px;} </style> <script src='javascripts/prototype.js' type='text/javascript'></script> <script src='javascripts/scriptaculous.js' type='text/javascript'></script> </head> <body> <div id="header"> <center><script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></center> </div> <div class="appearbox" style="display:none" id="newstxt">Nos Actualités</div> <div class="appearbox" style="display:none" id="projectstxt">Nos Réalisations</div> <div class="appearbox" style="display:none" id="devistxt">Nos Services</div> <div class="appearbox" style="display:none" id="aboutustxt">Notre Equipe</div> <div class="appearbox" style="display:none" id="contacttxt">Nous contacter</div> <div class="appearbox" style="display:none" id="bookmarktxt">Favoris et Partage</div> <div id="page"> <div style='text-align:center; font-variant:small-caps; padding-top: 50px; font-size:40px;'>AceDesign</div> <br /> </div> <table style="width:100%" id="outdock"><tr><td></td><td id="dock"> <div id="news" onmouseover="$('newstxt').appear(); $('newsimg').morph('width:128px; height: 128px; margin-top: 0px;'); return false;" onmouseout="$('newstxt').hide(); $('newsimg').morph('width:80px; height: 80px; margin-top: 48px;'); return false;"><img src="news.png" id="newsimg" alt="News"/></div> <div id="projects" onmouseover="$('projectstxt').appear(); $('projectsimg').morph('width:128px; height: 128px; margin-top: 0px;'); return false;" onmouseout="$('projectstxt').hide(); $('projectsimg').morph('width:80px; height: 80px; margin-top: 48px;'); return false;"><img id="projectsimg" src="projects.png" alt="Projets"/></div> <div id="devis" onmouseover="$('devistxt').appear(); $('devisimg').morph('width:128px; height: 128px; margin-top: 0px;'); return false;" onmouseout="$('devistxt').hide(); $('devisimg').morph('width:80px; height: 80px; margin-top: 48px;'); return false;"><img id="devisimg" src="devis.png" alt="Devis"/></div> <div id="aboutus" onmouseover="$('aboutustxt').appear(); $('aboutimg').morph('width:128px; height: 128px; margin-top: 0px;'); return false;" onmouseout="$('aboutustxt').hide(); $('aboutimg').morph('width:80px; height: 80px; margin-top: 48px;'); return false;"><img id="aboutimg" src="aboutme.png" alt="About Us"/></div> <div id="contact" onmouseover="$('contacttxt').appear(); $('contactimg').morph('width:128px; height: 128px; margin-top: 0px;'); return false;" onmouseout="$('contacttxt').hide(); $('contactimg').morph('width:80px; height: 80px; margin-top: 48px;'); return false;"><img id="contactimg" src="contact.png" alt="Contact"/></div> <div id="bookmark" onmouseover="$('bookmarktxt').appear(); $('bookmarkimg').morph('width:128px; height: 128px; margin-top: 0px;'); return false;" onmouseout="$('bookmarktxt').hide(); $('bookmarkimg').morph('width:80px; height: 80px; margin-top: 48px;'); return false;"><img id="bookmarkimg" src="bookmark.png" alt="Favoris / Partager"/></div> </div></td><td></td></tr></table> </body>