info:multicols

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
info:multicols [2016/12/08 05:25] – radeffinfo:multicols [2024/01/17 09:07] (Version actuelle) – [Multicols / multicol] radeff
Ligne 4: Ligne 4:
 onglet = tabbed document interface (TDI) or Tab onglet = tabbed document interface (TDI) or Tab
 <code js> <code js>
 +#multicol {
 + width: 90%;
 + -webkit-columns: 2 auto;
 + -moz-columns: 2 auto;
 + columns: 2 auto;
 + -moz-column-gap: 40px;
 + -webkit-column-gap: 40px;
 + column-gap: 40px;
 +}
 +</code>
 +
 +voir aussi: [[info:concrete5:docfred:concrete5multicolumnspagelist|Concrete5: concrete5MulticolumnsPageList]]
 +===== Demo =====
 +
 +<html>
 +<style>
     #multicol {     #multicol {
        width: 90%;        width: 90%;
-       -webkit-columns: 4 auto; +       -webkit-columns: 3 auto; 
-       -moz-columns: 4 auto; +       -moz-columns: 3 auto; 
-       columns: 4 auto;+       columns: 3 auto;
     }     }
-</code> +    </style> 
-  * http://www.journaldunet.com/developpeur/client-web/tutoriel-css3-multi-column-layout.shtml +<div id="multicol"> 
-  * http://www.entheosweb.com/tutorials/css/tabs.asp +Lorem ipsum dolor sit amet, consectetur 
-  * http://dmouronval.developpez.com/tutoriels/javascript/mise-place-navigation-par-onglets-avec-jquery +<br />adipisicing elit, sed doeiusmod tempor 
-  * http://git.aaronlumsden.com/tabulous.js/ +<br />incididunt ut labore et dolore magna aliqua 
-  * http://www.jqueryrain.com/example/jquery-tabs/ +<br />Ut enimad minim veniam, quis nostrud 
-  * http://www.ultra-fluide.com/ressources/css/menu-onglets.htm +<br />exercitation ullamco laboris nisi 
-  * http://www.xul.fr/ecmascript/onglets.php +<br />utaliquip ex ea commodo consequat 
- +<br />Duis aute irure dolor inreprehenderit 
-voir aussi: [[:info:concrete5:docfred:concrete5multicolumnspagelist|Concrete5: concrete5MulticolumnsPageList]] +<br />in voluptate velit esse cillum dolore 
- +<br />eu fugiat nullapariatur. Excepteur 
 +<br />sint occaecat cupidatat non proident, 
 +<br />sunt inculpa qui officia deserunt 
 +<br />mollit anim id est laborum. 
 +<br />Lorem ipsum dolor sit amet, consectetur 
 +<br />adipisicing elit, sed doeiusmod tempor 
 +<br />incididunt ut labore et dolore magna aliqua 
 +<br />Ut enimad minim veniam, quis nostrud 
 +<br />exercitation ullamco laboris nisi 
 +<br />utaliquip ex ea commodo consequat 
 +<br />Duis aute irure dolor inreprehenderit 
 +<br />in voluptate velit esse cillum dolore 
 +<br />eu fugiat nullapariatur. Excepteur 
 +<br />sint occaecat cupidatat non proident, 
 +<br />sunt inculpa qui officia deserunt 
 +<br />mollit anim id est laborum. 
 +</div> 
 +</html>
  • info/multicols.1481171137.txt.gz
  • Dernière modification : 2016/12/08 05:25
  • de radeff