Outils pour utilisateurs
Ceci est une ancienne révision du document !
<html> <style type="text/css"> #menu8 li a { text-decoration: none; height: 50px; voice-family: "\"}\""; voice-family: inherit; height: 24px; } #menu8 li a:link, #menu8 li a:visited { color: #777; display: block; background: url(http://chezfelix.toile-libre.org/lib/exe/fetch.php?media=societaires:menu8.gif); padding: 8px 0 0 20px; } #menu8 li a:hover { color: #257EB7; background: url(http://chezfelix.toile-libre.org/lib/exe/fetch.php?media=societaires:menu8.gif) 0 -32px; padding: 8px 0 0 25px; } #menu8 li a:active { color: #fff; background: url(http://chezfelix.toile-libre.org/lib/exe/fetch.php?media=societaires:menu8.gif) 0 -64px; padding: 8px 0 0 25px; } #menu8 ul { list-style: none; margin: 0; padding: 0; } .boxer { display: table; border-collapse: collapse; } .boxer .box-row { display: table-row; } .boxer .box { display: table-cell; text-align: center; vertical-align: middle; } </style> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="styles.css"> <title>Positionnement CSS</title> </head> <body> <div style="margin-left: auto; margin-right: auto; background-color: white; text-align: center; width: 100%;" id="wrapper"> <div style="width: 100%; margin-bottom: 20px;" id="entete"> <marquee class="Scroller" behavior="scroll" direction="left" width="100%" height="19" scrollamount="5" scrolldelay="0"><font face="Arial, Helvetica, sans-serif" size="2"><strong><em>Bienvenue sur le site de Chez Félix, </em> Nous vous attendons avec impatience <u>le 4 Juillet 2015 à partir de 18h</u> pour fêter l'acquisition de la maison et le lancement de la saison musicale 2015 </strong></font></marquee> <br> </div> <div style="float: left; width: 221px; margin-top:40px;height: auto;" id="menu8" class="box"> <ul> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=calendrier_travaux" title="Calendrier des travaux">Calendrier des travaux</a></li> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=news_travaux" title="Avancée des travaux">Avancée des travaux</a></li> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=concerts_ete_2015" title="Concerts de l'été">Concerts de l'été</a></li> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=Stage%20de%20danse%20africaine" title="Stage de danse africaine">Stage de danse africaine</a></li> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=le_projet_culturel" title="Le projet culturel">Le projet culturel</a></li> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=a_propos_de_chez_felix" title="Chez Félix ?">Chez Félix ?</a></li> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=plans_et_acces" title="Où nous trouver ?">Où nous trouver ?</a></li> <li><a href="http://chezfelix.toile-libre.org/doku.php?id=societaires" title="Les sociétaires">Les sociétaires</a></li> </ul> </div> <div style="margin-left: 221px;"> <div style="text-align: justify; margin-left: 40px;margin-bottom: 10px; color:black;"><p align="left"><font face="Comic Sans MS" color="##585858" size="4">Dernières news</font></p><br> </div> <ul id="list_news" style="text-align: left; margin-left: 50px; margin-top: -30px;list-style-type: disc; line-height: 25px; color: black;"> <li style="color:black;">Les travaux de construction débutent le 15 juin par l'arase des murs porteurs ! Les motivés sont les bienvenus</li> <li style="color:black;">Le prêt travaux de 40 000 € n'est toujours pas accepté... Le crowdfunding fait peur aux banques ! <br> </li> <li style="color:black;">Nous recherchons du matériel de maçon : Bétonnière, Serres-joints, Planches à coffrage.<br> </li> </ul> </div> <div style="margin-left: 221px;"><img style="border: medium none ; width: 400px; height: 140px; text-align: center;" alt="" src="http://chezfelix.toile-libre.org/lib/exe/fetch.php?media=societaires:maison_nuit.jpg" align="middle"></div> <div style="width: 100%; min-width: 100%; height: auto;" id="pied"><br> <p align="center"><a href="mailto:chezfelix@mailoo.org?&bcc=pyreneeslibres@gmail.com&subject=Prise%20de%20contact%20avec%20Chez%20Felix">Contact</a></p> </div> </div> </body> </html>