Citation :
<!DOCTYPE html>
<html lang="fr">
<!--<div id="top"></div><a href="#top">Retour en Haut de la page</a>-->
<head>
<meta charset="utf-8"/>
<title>Essai flexbox.html</title>
<link rel="stylesheet" type="text/css" href="" /> <!--href"" vide pour essai.-->
<title>Ma mise en page</title>
<style>
#conteneur1 {
display: flex;
/*Page 394 du bouquin*/
}
#conteneur2 {
display: flex;
/*flex-direction: column;*/
flex-wrap: wrap;
height: 50px
}
p.block {
background-color: #f5e627; /*Couleur du block (parent)*/
border: solid 2px #ed3b29; /*Epaisseur et couleur de la bordure*/ margin-right: 50px; /*Marge (extèrieure) entre les enfants*/
}
p {
padding:5px 10px; /*Marge (intèrieure) autour du texte*/
}
#ma-fenetre {
background-color: #f5e627;
padding: 5px;
border: 2px solid #ed3b29;
width: 400;
}
#ma-fenetre p {
margin: 0;
}
h1{
text-align: center;
}
#modalCheck{
display: none;
}
.modalLayer{
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #b2a8f6; /* rgba(0, 0, 0, 0.5); Couleur du masque de la page*/
}
#modalCheck:checked + .modalLayer, #modalContent:target{
display: block;
}
.popup_block{
background: #fff;
padding: 20px;
border: 20px solid #ddd;
position: relative;
margin: 10% auto;
width: 40%;
box-shadow: 0px 0px 20px #000;
border-radius: 10px; color:#1c87c9; /*Couleur du texte*/
}
img.btn_close {
float: right;
margin: 22px 0px 0 0; /*-55px -55px 0 0; Positionne le bouton "Fermer"*/
cursor: pointer;
}
.button{
cursor: pointer;
color: blue;
text-decoration: underline;
}
#conteneur-liste1 {
display: flex;
flex-flow: column-wrap;
width: 150px;
height: 200px;
border: 1px solid #000;
background-color: #eee;
padding: 10px;
}
/**/
body {
margin: 0;
}
header {
background: purple;
height: 100px;
}
h1 {
text-align: center;
color: white;
line-height: 100px;
margin: 0;
}
article {
padding: 10px;
margin: 10px;
background: aqua;
font-size: 18px;
}
/**/
</style>
</head>
<body>
<div>
<a href="#modalContent">PHOTO ROTOR ANTICOUPLE</a>
<div class="modalLayer" id="modalContent">
<div class="popup_block">
<a href="#noWhere"><img alt="FERMER" title="Fermer la fenêtre" class="btn_close" src="./close_pop.png"></a>
<img style="float: right; margin: 0 0 0 20px;" alt="" src="./bomber.gif">
<h2>ROTOR ANTICOUPLE</h2>
<p style="text-align: center;"><!--Centre l'image horizontalement-->
<p style="text-align: center;"><img src="C:\Users\Perso\Pictures\rac.jpg" class="image" alt"Photo rotor anticouple hélicoptère"/></p>
</p>
</div>
</div>
</div>
<hr>
</style>
</head>
<body>
<h3>BLOCS FLEXIBLES s'adaptent au texte, en ligne ou en colonnes; avec retour à la ligne, ou non.</h3>
<div id="conteneur1">
<p class="block">Truc. Pour les designers web,<br>
la conception des sites passe par la connaissance<br>
des langages fondateurs que sont le HTML5 et le CSS3</p>
<p class="block">Machin. La maîtrise du CSS va me faire péter les neurones.<br>
Je progresse lentement, à mon rhytme.</p>
<p class="block">Chose. et le CSS. Les dernières versions<br>
de ces deux langages, le HTML5 et le CSS3, vont faire évoluer<br>
la manière de concevoir vos sites.</p>
<p class="block">Bidule</p>
<p class="block">Chouette</p>
<p class="block">Machin Chose</p>
</div>
<hr>
<div id="conteneur2">
<p class="block">Truc</p>
<p class="block">Machin</p>
<p class="block">Chose</p>
<p class="block">Bidule</p>
<p class="block">Chouette</p>
<p class="block">Machin Chose</p>
</div>
<hr>
<ul id="conteneur-liste1">
<li>UN</li>
<li>DEUX</li>
<li>TROIS</li>
<li>QUATRE</li>
<li>CINQ</li>
<li>SIX</li>
<li>SEPT</li>
<li>HUIT</li>
<li>NEUF</li>
<li>DIX</li>
</ul>
<hr>
<header>
<h1>EXEMPLE FLEXBOX</h1>
</header>
<section>
<article>
<h2>Premier article</h2>
<p>Selon l'aptitude de chacun, en fonction de ses connaissances techniques concernant le fonctionnement d'un hélicoptère, de ses réflexes, on peut démarrer avec un petit modéle; personnellement, pas en dessous d'un 450; pour moi, ce fut un 500, d'abord de chez Align, puis un X5 de chez Gaui. Modèle plus robuste, un peu moins réactif que le Trex, mais qui permet de belles évolutions en accrobatie. Je n'ai pas pratiqué la 3D, plus destructrice pour le matériel, notamment au niveau des roues dentées, roulements, pignons, qui s'usent plus rapidement, vu les efforts qu'ils subissent. Sans doute parce que je ne m'en sentais pas encore capable, mais également parce que cela n'était pas mon but.<br>
Sans négliger le risque augmenté de crash. <br>
Intervient dans ce choix, le budget que l'on peut raisonnablement investir, quant à l'achat du modèle lui-même, le coût de la radio, des accus, des pièces détachées qui s'usent, qui cassent lors d'un crash (quasiment inévitable en débutant).<br>
Plus le modèle est grand, plus l'investissement est lourd, c'est une évidence.<br>
Ne pas hésiter à consulter le prix des pièces détachées, accus, pales, auprès des différents fournisseurs.<br>
Préférer des pales, et des accus de qualité, surtout si le modéle est de grande taille; crasher un grand modèle, pour vouloir trop économiser, n'est pas une bonne approche.<br>
En ce qui concerne les pales, éviter les réparations de fortune, lorsqu'elles ont subi un crash qui les a fissurées ou cassées. Elles ne seraient plus équilibrées ce qui provoquerait des vibrations, ennemies des roulements à billes; sur un gros modèle, cela pourrait être source d'un crash supplémentaire.
<br>
Le modéle peut être acheté en kit (ce choix implique de bonnes connaissances techniques)le montage mécanique et électronique étant éxécuté par l'acheteur, ce qui sous-entend les réglages de pas du rotor principal qui peut se révéler complexe pour un débutant.<br>
L'autre option, est d'acheter le modèle en ordre de vol; le coût est un peu plus élevé, mais les réglages sont déjà effectués.<br>
L'avantage du kit est qu'il apprend comment est constitué un hélicoptère, comment on le régle (se faire accompagner par un pilote confirmé ayant déjà accompli cette tâche.)</p>
</article>
<article>
<h2>Second article</h2>
<p>Selon l'aptitude de chacun, en fonction de ses connaissances techniques concernant le fonctionnement d'un hélicoptère, de ses réflexes, on peut démarrer avec un petit modéle; personnellement, pas en dessous d'un 450; pour moi, ce fut un 500, d'abord de chez Align, puis un X5 de chez Gaui. Modèle plus robuste, un peu moins réactif que le Trex, mais qui permet de belles évolutions en accrobatie. Je n'ai pas pratiqué la 3D, plus destructrice pour le matériel, notamment au niveau des roues dentées, roulements, pignons, qui s'usent plus rapidement, vu les efforts qu'ils subissent. Sans doute parce que je ne m'en sentais pas encore capable, mais également parce que cela n'était pas mon but.<br>
Sans négliger le risque augmenté de crash. <br>
Intervient dans ce choix, le budget que l'on peut raisonnablement investir, quant à l'achat du modèle lui-même, le coût de la radio, des accus, des pièces détachées qui s'usent, qui cassent lors d'un crash (quasiment inévitable en débutant).<br>
Plus le modèle est grand, plus l'investissement est lourd, c'est une évidence.<br>
Ne pas hésiter à consulter le prix des pièces détachées, accus, pales, auprès des différents fournisseurs.<br>
Préférer des pales, et des accus de qualité, surtout si le modéle est de grande taille; crasher un grand modèle, pour vouloir trop économiser, n'est pas une bonne approche.<br>
En ce qui concerne les pales, éviter les réparations de fortune, lorsqu'elles ont subi un crash qui les a fissurées ou cassées. Elles ne seraient plus équilibrées ce qui provoquerait des vibrations, ennemies des roulements à billes; sur un gros modèle, cela pourrait être source d'un crash supplémentaire.
<br>
Le modéle peut être acheté en kit (ce choix implique de bonnes connaissances techniques)le montage mécanique et électronique étant éxécuté par l'acheteur, ce qui sous-entend les réglages de pas du rotor principal qui peut se révéler complexe pour un débutant.<br>
L'autre option, est d'acheter le modèle en ordre de vol; le coût est un peu plus élevé, mais les réglages sont déjà effectués.<br>
L'avantage du kit est qu'il apprend comment est constitué un hélicoptère, comment on le régle (se faire accompagner par un pilote confirmé ayant déjà accompli cette tâche.)</p>
</article>
<article>
<h2>Troisième article</h2>
<p>Selon l'aptitude de chacun, en fonction de ses connaissances techniques concernant le fonctionnement d'un hélicoptère, de ses réflexes, on peut démarrer avec un petit modéle; personnellement, pas en dessous d'un 450; pour moi, ce fut un 500, d'abord de chez Align, puis un X5 de chez Gaui. Modèle plus robuste, un peu moins réactif que le Trex, mais qui permet de belles évolutions en accrobatie. Je n'ai pas pratiqué la 3D, plus destructrice pour le matériel, notamment au niveau des roues dentées, roulements, pignons, qui s'usent plus rapidement, vu les efforts qu'ils subissent. Sans doute parce que je ne m'en sentais pas encore capable, mais également parce que cela n'était pas mon but.<br>
Sans négliger le risque augmenté de crash. <br>
Intervient dans ce choix, le budget que l'on peut raisonnablement investir, quant à l'achat du modèle lui-même, le coût de la radio, des accus, des pièces détachées qui s'usent, qui cassent lors d'un crash (quasiment inévitable en débutant).<br>
Plus le modèle est grand, plus l'investissement est lourd, c'est une évidence.<br>
Ne pas hésiter à consulter le prix des pièces détachées, accus, pales, auprès des différents fournisseurs.<br>
Préférer des pales, et des accus de qualité, surtout si le modéle est de grande taille; crasher un grand modèle, pour vouloir trop économiser, n'est pas une bonne approche.<br>
En ce qui concerne les pales, éviter les réparations de fortune, lorsqu'elles ont subi un crash qui les a fissurées ou cassées. Elles ne seraient plus équilibrées ce qui provoquerait des vibrations, ennemies des roulements à billes; sur un gros modèle, cela pourrait être source d'un crash supplémentaire.
<br>
Le modéle peut être acheté en kit (ce choix implique de bonnes connaissances techniques)le montage mécanique et électronique étant éxécuté par l'acheteur, ce qui sous-entend les réglages de pas du rotor principal qui peut se révéler complexe pour un débutant.<br>
L'autre option, est d'acheter le modèle en ordre de vol; le coût est un peu plus élevé, mais les réglages sont déjà effectués.<br>
L'avantage du kit est qu'il apprend comment est constitué un hélicoptère, comment on le régle (se faire accompagner par un pilote confirmé ayant déjà accompli cette tâche.)</p>
</article>
</section>
</body>
</html>
</body>
</html>
|