Outils pour utilisateurs
Ceci est une ancienne révision du document !
<html> <style type="text/css"> {{navi>navigationmenu}} navigationmenu #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=UTF-8" > <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, nous vous attendons avec impatience pour 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=crowdfunding" title="Le financement participatif">Le financement participatif</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 style="margin-top:30px;text-align="center"> <a href="mailto:chezfelix@mailoo.org?&bcc=pyreneeslibres@gmail.com&subject=Prise%20de%20contact%20avec%20Chez%20Felix">Pour nous contacter...</a> </div> </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;">Le 4 juillet approche ! N'oubliez pas de confirmer ou d'infirmer votre présence à cet événement qui nous tient à coeur !<br> </li> <li style="color:black;">Les travaux de construction avancent ! Le <a href="/doku.php?id=news_travaux#arase_ferraillage_et_chainage_en_avant_le_beton"> chaînage et l'arase </a>sont terminés depuis la semaine dernière. Nous lançons la rehausse des murs ! </li> <li style="color:black;">Les bricoleurs ou experts motivés sont les bienvenus, <a href="/doku.php?id=calendrier_travaux">c'est par ici le programme !</a><br> </li> <li style="color:black;">Nous recherchons du matériel de charpentier et des parpaings à bons prix ! <br> </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 accueillons un stage de <a href="http://chezfelix.toile-libre.org/doku.php?id=Stage%20de%20danse%20africaine">danse africaine</a> fin juillet ! Venez nombreux ! <br> </li> </ul> </div> <div style="margin-left: 221px;"><img style="border: medium none ; width: 600px; height: 215px; text-align: center;" alt="" src="http://chezfelix.toile-libre.org/lib/exe/fetch.php?media=societaires:maison_nuit.jpg" align="middle"></div> <div style="margin-left: 221px; width: 100%; min-width: 100%; height: auto; text-align:left;" id="pied"> <div style="text-align: right; margin-top: -100px; z-index: 1; position: relative; margin-right: 211px;"><a href="http://chezfelix.toile-libre.org/doku.php?id=concerts_ete_2015"><img style="border: 0px solid ; width: 232px; height: 136px;" alt="" src="http://chezfelix.toile-libre.org/lib/exe/fetch.php?media=societaires:logo_prog.png"></a></div> </div> </div> </body> </html>