Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1577 connectés 

 


 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  8  9  10  ..  16  17  18  19  20  21
Auteur Sujet :

Insertion image en html depuis mon ordi

n°2417214
gatsu35
Blablaté par Harko
Posté le 12-05-2022 à 11:15:13  profilanswer
 

Reprise du message précédent :
Laisse moi (ou nous) te proposer d'utiliser Visual Studio Code :  
https://code.visualstudio.com/
 
70% des développers l'utilisent (ont migré en tout cas)

Citation :

In the Stack Overflow 2021 Developer Survey, Visual Studio Code was ranked the most popular developer environment tool, with 70% of 82,000 respondents reporting that they use it.[11]


 
Son avantage c'est qu'il est très rapide, très simple d'utilisation,  
rempli de fonctionnalités, et surtout il te montreras si tu oublies une balise ou non.  
Autre avantage c'est qu'il peut être étendu grâce à des extensions, et il possède une market place pour pouvoir installer les extensions dont on a besoin.
 
Et il est open source et gratuit.


---------------
Blablaté par Harko
mood
Publicité
Posté le 12-05-2022 à 11:15:13  profilanswer
 

n°2417222
Harmo88
Il n\\
Posté le 12-05-2022 à 11:42:05  profilanswer
 

gatsu35 a écrit :

Laisse moi (ou nous) te proposer d'utiliser Visual Studio Code :  
https://code.visualstudio.com/
 
70% des développers l'utilisent (ont migré en tout cas)

Citation :

In the Stack Overflow 2021 Developer Survey, Visual Studio Code was ranked the most popular developer environment tool, with 70% of 82,000 respondents reporting that they use it.[11]


 
Son avantage c'est qu'il est très rapide, très simple d'utilisation,  
rempli de fonctionnalités, et surtout il te montreras si tu oublies une balise ou non.  
Autre avantage c'est qu'il peut être étendu grâce à des extensions, et il possède une market place pour pouvoir installer les extensions dont on a besoin.
 
Et il est open source et gratuit.


Oui, je l'ai vu; le problème est que ma connaissance de l'anglais est réellement insuffisante ... c'est une lacune que je ne comblerai pas.
Apprendre l'anglais technique à mon âge, me demanderait trop de temps. Alors, tant pis, je fais avec.
Exemple, dans ta citation, je "comprends" ou plutôt je devine quelques mots, mais pas le sens complet de la phrase.
A part my tailor is rich, et my flower is beautiful ... ça ne va pas très loin  :lol:  
Il me semble que MaybeEijOrNot m'en avait déjà parlé.
Il faut que je sois plus vigilant en rédigeant mon code.
En plus, j'ai d'autres activités, l'harmonica, le modélisme, la photo, la nature, que je tiens à pratiquer tant que je le pourrai.

n°2417224
gatsu35
Blablaté par Harko
Posté le 12-05-2022 à 11:47:01  profilanswer
 

il est en français.


---------------
Blablaté par Harko
n°2417230
Harmo88
Il n\\
Posté le 12-05-2022 à 12:11:41  profilanswer
 

gatsu35 a écrit :

il est en français.


Tu vas me faire  :pt1cable:  :pt1cable:  :pt1cable:  :lol:  
Je l'ai téléchargé, il y a un peu de français, mais beaucoup d'anglais.
Je n'arrive même pas à accéder à l'éditeur  :lol:  
Le tuto est en anglais ... je ne comprends strictement rien ...
Je l'avais déjà téléchargé, puis supprimé.
A moins qu'il y ait une astuce pour le passer complètement en français ?
J'ai cru comprendre qu'il faut ouvrir un compte ?
J'ai beau cliquer un peu partout ... ça ne m'avance pas beaucoup ...
J'essaierai quand même de le décortiquer ...
Il y a peut être des tutos en français, je vais chercher.

n°2417231
gatsu35
Blablaté par Harko
Posté le 12-05-2022 à 12:28:57  profilanswer
 

tu tapes sur F1, puis tu tapes "configure display language"
Et là il te proposera soit "en", soit "install additional languages"
 
Et tu pourras choisir la langue francaise ("French language" ) dans le champ de recherche pour les extensions.
 
Après si tu n'arrives pas à initier l'outil, ne t'embête pas et reste sur notepad++
 
Tu as néanmoins des extensions pour notepad++ qui gèrent le HTML et qui peuvent t'aider, mais ça fait plus de 10 ans que je n'utilise plus notepad++


---------------
Blablaté par Harko
n°2417234
Harmo88
Il n\\
Posté le 12-05-2022 à 13:24:45  profilanswer
 

gatsu35 a écrit :

tu tapes sur F1, puis tu tapes "configure display language"
Et là il te proposera soit "en", soit "install additional languages"
 
Et tu pourras choisir la langue francaise ("French language" ) dans le champ de recherche pour les extensions.
 
Après si tu n'arrives pas à initier l'outil, ne t'embête pas et reste sur notepad++
 
Tu as néanmoins des extensions pour notepad++ qui gèrent le HTML et qui peuvent t'aider, mais ça fait plus de 10 ans que je n'utilise plus notepad++


Pour ceux qui ne lisent pas l'anglais, lors de l'installation, il ne faut pas cocher la case de lancement, sinon on se retrouve dans des pages en anglais.
Il faut attendre la fin de l'installation, et lancer le log depuis l'icône sur le bureau, on accède à l'éditeur en français.
Après, on peut changer des paramètres; pour l'instant je laisse en l'état, c'est plus sur. On verra en cours d'utilisation.
L'aide en ligne reste en anglais, il faut chercher des tutos en français.

n°2417262
Harmo88
Il n\\
Posté le 12-05-2022 à 19:52:20  profilanswer
 

J'ai chargé le premier fichier que j'ai codé, VSC m'a trouvé 4 erreurs(balises non fermées) la fermeture n'a rien changé, la page s'affiche correctement.
Cela dit, c'est mieux pour la syntaxe. Par contre, il me met 100 informations, les accents sont signalés comme incorrects(je suppose), et beaucoup de mots sont soulignés avec une ligne sinusoïdale ... si je clique sur la petite ampoule jaune, il me propose un autre mot. Je ne m'en occupe pas. C'est l'usine à gaz, je le décrypterai petit à petit.

n°2417284
gatsu35
Blablaté par Harko
Posté le 13-05-2022 à 09:13:43  profilanswer
 

tu peux reposter ton code que je regarde ?


---------------
Blablaté par Harko
n°2417287
gatsu35
Blablaté par Harko
Posté le 13-05-2022 à 09:24:31  profilanswer
 

Hello, pour corriger ton code ou mon code :) j'utilise l'extension https://marketplace.visualstudio.co [...] bvalidator
En cliquant sur un bouton dans la barre, il m'affiche ensuite les erreurs que j'ai après chaque erreur j'ai du essayer de comprendre pourquoi. Parfois l'erreur est dû à une erreur typographique (genre un > oublié) et ne correspond pas à son texte.
 
Enfin bref j'ai corrigé et j'ai vu :  
- tu avais mis un <link> sans href, je l'ai viré car il sert à rien
- tu n'avais pas de </head>
- le </title> n'avait pas de chevron fermant
- tu avais appelé "tfooter" au lieu de "tfoot"
- ton deuxième tableau déclarait 6 colonnes (colspan=3 + 3 td) et W3C validator me l'a remonté.
 
Voici ton code corrigé et formaté (vscode possède des formateurs de code)

Code :
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.   <meta charset="utf-8" />
  5.   <title>page 103 livre HTML</title>
  6.   <style>
  7.     table {
  8.       border-collapse: collapse;
  9.     }
  10.     td:first-of-type {
  11.       background-color: yellow;
  12.       font-size: 25px;
  13.     }
  14.     th,
  15.     td {
  16.       border: 1px solid black;
  17.       padding: 10px;
  18.     }
  19.     th {
  20.       background-color: red;
  21.       font-size: 25px;
  22.     }
  23.     td {
  24.       background-color: antiquewhite;
  25.       font-size: 25px;
  26.     }
  27.     #table1 td {
  28.       font-size: 20px;
  29.       background-color: antiquewhite;
  30.     }
  31.     #table1 th {
  32.       font-size: 30px;
  33.       background-color: #b2a8f6;
  34.     }
  35.   </style>
  36. </head>
  37. <body>
  38.   <table>
  39.     <thead>
  40.       <tr>
  41.         <th>JANVIER</th>
  42.         <th>FEVRIER</th>
  43.         <th>MARS</th>
  44.         <th>AVRIL</th>
  45.         <th>MAI</th>
  46.       </tr>
  47.     </thead>
  48.     <tbody>
  49.       <tr>
  50.         <td>11<p>Bonjour, ai-je assez de place ?</p>
  51.         </td>
  52.         <td>12<p>Passage à la ligne avec "br".<br> C'est merveilleux !</p>
  53.         </td>
  54.         <td>13<p>La sémantique est-elle respectée ?<br>Avec l'emploi de "br" ?</p>
  55.         </td>
  56.         <td>14<p>Mais oui, il y a de la place !</p>
  57.         </td>
  58.         <td>15</td>
  59.       </tr>
  60.       <tr>
  61.         <td>16<p>Utilisation de paragraphes "p" / "/p"</p>
  62.         </td>
  63.         <td>17</td>
  64.         <td>18</td>
  65.         <td>19</td>
  66.         <td>20</td>
  67.       </tr>
  68.       <tr>
  69.         <td>21</td>
  70.         <td>22</td>
  71.         <td>23</td>
  72.         <td>24<p>Pour ajouter une colonne<br>il faut ajouter un "th" dans "table".<br>
  73.             et un "td".</p>
  74.         </td>
  75.         <td>25</td>
  76.       </tr>
  77.       <tr>
  78.         <td>26</td>
  79.         <td>27</td>
  80.         <td>28</td>
  81.         <td>29</td>
  82.         <td>30</td>
  83.       </tr>
  84.     </tbody>
  85.     <tfoot>
  86.       <tr>
  87.         <th colspan="5">1er tableau Bilan de quelques mois</th>
  88.       </tr>
  89.     </tfoot>
  90.   </table>
  91.   <table id="table1">
  92.     <thead>
  93.       <tr>
  94.         <th colspan="3"></th>
  95.         <th>JUIN</th>
  96.         <th>JUILLET</th>
  97.         <th>AOUT</th>
  98.       </tr>
  99.     </thead>
  100.     <tbody>
  101.       <tr>
  102.         <td>1. Texte depuis "td". C'est l'été.</td>
  103.         <td>2. Il fait toujours aussi chaud.</td>
  104.         <td>3. La canicule s'est installée<br>
  105.           le pastis est au frais.</td>
  106.           <td></td>
  107.           <td></td>
  108.           <td></td>
  109.       </tr>
  110.     </tbody>
  111.     <tfoot>
  112.       <tr>
  113.         <th colspan="6">2e tableau Bilan des mois suivants</th>
  114.       </tr>
  115.     </tfoot>
  116.   </table>
  117. </body>
  118. </html>



---------------
Blablaté par Harko
n°2417291
Harmo88
Il n\\
Posté le 13-05-2022 à 09:50:54  profilanswer
 

gatsu35 a écrit :

Hello, pour corriger ton code ou mon code :) j'utilise l'extension https://marketplace.visualstudio.co [...] bvalidator
En cliquant sur un bouton dans la barre, il m'affiche ensuite les erreurs que j'ai après chaque erreur j'ai du essayer de comprendre pourquoi. Parfois l'erreur est dû à une erreur typographique (genre un > oublié) et ne correspond pas à son texte.
 
Enfin bref j'ai corrigé et j'ai vu :  
- tu avais mis un <link> sans href, je l'ai viré car il sert à rien
- tu n'avais pas de </head>
- le </title> n'avait pas de chevron fermant
- tu avais appelé "tfooter" au lieu de "tfoot"
- ton deuxième tableau déclarait 6 colonnes (colspan=3 + 3 td) et W3C validator me l'a remonté.
 
Voici ton code corrigé et formaté (vscode possède des formateurs de code)

Code :
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.   <meta charset="utf-8" />
  5.   <title>page 103 livre HTML</title>
  6.   <style>
  7.     table {
  8.       border-collapse: collapse;
  9.     }
  10.     td:first-of-type {
  11.       background-color: yellow;
  12.       font-size: 25px;
  13.     }
  14.     th,
  15.     td {
  16.       border: 1px solid black;
  17.       padding: 10px;
  18.     }
  19.     th {
  20.       background-color: red;
  21.       font-size: 25px;
  22.     }
  23.     td {
  24.       background-color: antiquewhite;
  25.       font-size: 25px;
  26.     }
  27.     #table1 td {
  28.       font-size: 20px;
  29.       background-color: antiquewhite;
  30.     }
  31.     #table1 th {
  32.       font-size: 30px;
  33.       background-color: #b2a8f6;
  34.     }
  35.   </style>
  36. </head>
  37. <body>
  38.   <table>
  39.     <thead>
  40.       <tr>
  41.         <th>JANVIER</th>
  42.         <th>FEVRIER</th>
  43.         <th>MARS</th>
  44.         <th>AVRIL</th>
  45.         <th>MAI</th>
  46.       </tr>
  47.     </thead>
  48.     <tbody>
  49.       <tr>
  50.         <td>11<p>Bonjour, ai-je assez de place ?</p>
  51.         </td>
  52.         <td>12<p>Passage à la ligne avec "br".<br> C'est merveilleux !</p>
  53.         </td>
  54.         <td>13<p>La sémantique est-elle respectée ?<br>Avec l'emploi de "br" ?</p>
  55.         </td>
  56.         <td>14<p>Mais oui, il y a de la place !</p>
  57.         </td>
  58.         <td>15</td>
  59.       </tr>
  60.       <tr>
  61.         <td>16<p>Utilisation de paragraphes "p" / "/p"</p>
  62.         </td>
  63.         <td>17</td>
  64.         <td>18</td>
  65.         <td>19</td>
  66.         <td>20</td>
  67.       </tr>
  68.       <tr>
  69.         <td>21</td>
  70.         <td>22</td>
  71.         <td>23</td>
  72.         <td>24<p>Pour ajouter une colonne<br>il faut ajouter un "th" dans "table".<br>
  73.             et un "td".</p>
  74.         </td>
  75.         <td>25</td>
  76.       </tr>
  77.       <tr>
  78.         <td>26</td>
  79.         <td>27</td>
  80.         <td>28</td>
  81.         <td>29</td>
  82.         <td>30</td>
  83.       </tr>
  84.     </tbody>
  85.     <tfoot>
  86.       <tr>
  87.         <th colspan="5">1er tableau Bilan de quelques mois</th>
  88.       </tr>
  89.     </tfoot>
  90.   </table>
  91.   <table id="table1">
  92.     <thead>
  93.       <tr>
  94.         <th colspan="3"></th>
  95.         <th>JUIN</th>
  96.         <th>JUILLET</th>
  97.         <th>AOUT</th>
  98.       </tr>
  99.     </thead>
  100.     <tbody>
  101.       <tr>
  102.         <td>1. Texte depuis "td". C'est l'été.</td>
  103.         <td>2. Il fait toujours aussi chaud.</td>
  104.         <td>3. La canicule s'est installée<br>
  105.           le pastis est au frais.</td>
  106.           <td></td>
  107.           <td></td>
  108.           <td></td>
  109.       </tr>
  110.     </tbody>
  111.     <tfoot>
  112.       <tr>
  113.         <th colspan="6">2e tableau Bilan des mois suivants</th>
  114.       </tr>
  115.     </tfoot>
  116.   </table>
  117. </body>
  118. </html>




 :hello: Hé oui, encore des erreurs de débutant ...
Je regardais le débogage sur VSC, pas simple ! Pour l'instant, ça patauge un peu, ce log n'est pas simple à utiliser pour un débutant. Il est dit qu'il faut charger une extension(dont j'ai déjà oublié le nom) ?
J'ai repris des fichiers de début, avec Notepad++, simplement en vérifiant la présence des balises d'ouverture et de fermeture, je trouve des erreurs(corrigées).
Une autre erreur, au lieu d'utiliser des retours à la ligne, dans un paragraphe, à chaque ligne j'insérais un nouveau paragraphe ...ce qui fait qu'au lieu d'avoir un grand paragraphe, j'avais une multitude de paragraphes d'une ligne.
Pas très esthétique, sur le plan sémantique. C'est corrigé.
Merci pour ta correction, c'est sympa, et ça me montre mes erreurs.  :D  
Souvent, je recopie ce qui est indiqué dans le livre, et je ne vois pas tout de suite si il y a des erreurs, sauf si à l'affichage cela ne se passe pas comme prévu.
Il y a des erreurs qui n'ont pas de conséquence sur l'affichage, elles sont plus difficiles à détecter. Pas encore maître en la matière ...

mood
Publicité
Posté le 13-05-2022 à 09:50:54  profilanswer
 

n°2417292
gatsu35
Blablaté par Harko
Posté le 13-05-2022 à 10:13:50  profilanswer
 

Si tu savais les erreurs que font certains "professionnels" (avec des guillemets pour eux)


---------------
Blablaté par Harko
n°2417294
Harmo88
Il n\\
Posté le 13-05-2022 à 10:34:46  profilanswer
 

gatsu35 a écrit :

Si tu savais les erreurs que font certains "professionnels" (avec des guillemets pour eux)


C'est sur qu'à force de coder toute la journée, la concentration se relâche.
Dans le même style, lorsque je faisais voler un hélico RC, si je sentais que le forme n'était pas au top, je faisais un test au simulateur.
Si je me "viandais", je savais qu'il ne fallait pas attaquer la voltige ce jour-là ... mais un vol pépère, sinon la carte bancaire allait souffrir.  :lol:  
En programmation c'est pareil, si je fais trop d'erreurs, je fais une pause, ou j'arrête. C'est un loisir, pas un travail, pour moi.
Le chef ne va pas m'en....(mais les profs veillent  :lol: ). C'est bien. :jap:  

n°2417296
MaybeEijOr​Not
but someone at least
Posté le 13-05-2022 à 10:57:02  profilanswer
 

Je plaide coupable pour le <tfooter> au lieu de <tfoot>, je ne l'utilise jamais et à ma décharge je fais pire qu'écrire le code Notepad++ puisque je l'écris directement sur le forum. :lol:


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2417341
Harmo88
Il n\\
Posté le 14-05-2022 à 08:56:01  profilanswer
 

MaybeEijOrNot a écrit :

Je plaide coupable pour le <tfooter> au lieu de <tfoot>, je ne l'utilise jamais et à ma décharge je fais pire qu'écrire le code Notepad++ puisque je l'écris directement sur le forum. :lol:


Aaaahh ! Ben, si tout le monde s'y met, comment vais-je m'y retrouver dans toutes ces balises frelatées ?  :lol:  
Moi aussi, je peux créer mes propres balises, au gré de mon humeur  :lol:  
Ce qui prouve bien que nous ne sommes pas infaillibles ...

n°2417343
Harmo88
Il n\\
Posté le 14-05-2022 à 13:16:24  profilanswer
 

gatsu35 a écrit :

Hello, pour corriger ton code ou mon code :) j'utilise l'extension https://marketplace.visualstudio.co [...] bvalidator
En cliquant sur un bouton dans la barre, il m'affiche ensuite les erreurs que j'ai après chaque erreur j'ai du essayer de comprendre pourquoi. Parfois l'erreur est dû à une erreur typographique (genre un > oublié) et ne correspond pas à son texte.
 
Enfin bref j'ai corrigé et j'ai vu :  
- tu avais mis un <link> sans href, je l'ai viré car il sert à rien
- tu n'avais pas de </head>
- le </title> n'avait pas de chevron fermant
- tu avais appelé "tfooter" au lieu de "tfoot"
- ton deuxième tableau déclarait 6 colonnes (colspan=3 + 3 td) et W3C validator me l'a remonté.
 
Voici ton code corrigé et formaté (vscode possède des formateurs de code)

Code :
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.   <meta charset="utf-8" />
  5.   <title>page 103 livre HTML</title>
  6.   <style>
  7.     table {
  8.       border-collapse: collapse;
  9.     }
  10.     td:first-of-type {
  11.       background-color: yellow;
  12.       font-size: 25px;
  13.     }
  14.     th,
  15.     td {
  16.       border: 1px solid black;
  17.       padding: 10px;
  18.     }
  19.     th {
  20.       background-color: red;
  21.       font-size: 25px;
  22.     }
  23.     td {
  24.       background-color: antiquewhite;
  25.       font-size: 25px;
  26.     }
  27.     #table1 td {
  28.       font-size: 20px;
  29.       background-color: antiquewhite;
  30.     }
  31.     #table1 th {
  32.       font-size: 30px;
  33.       background-color: #b2a8f6;
  34.     }
  35.   </style>
  36. </head>
  37. <body>
  38.   <table>
  39.     <thead>
  40.       <tr>
  41.         <th>JANVIER</th>
  42.         <th>FEVRIER</th>
  43.         <th>MARS</th>
  44.         <th>AVRIL</th>
  45.         <th>MAI</th>
  46.       </tr>
  47.     </thead>
  48.     <tbody>
  49.       <tr>
  50.         <td>11<p>Bonjour, ai-je assez de place ?</p>
  51.         </td>
  52.         <td>12<p>Passage à la ligne avec "br".<br> C'est merveilleux !</p>
  53.         </td>
  54.         <td>13<p>La sémantique est-elle respectée ?<br>Avec l'emploi de "br" ?</p>
  55.         </td>
  56.         <td>14<p>Mais oui, il y a de la place !</p>
  57.         </td>
  58.         <td>15</td>
  59.       </tr>
  60.       <tr>
  61.         <td>16<p>Utilisation de paragraphes "p" / "/p"</p>
  62.         </td>
  63.         <td>17</td>
  64.         <td>18</td>
  65.         <td>19</td>
  66.         <td>20</td>
  67.       </tr>
  68.       <tr>
  69.         <td>21</td>
  70.         <td>22</td>
  71.         <td>23</td>
  72.         <td>24<p>Pour ajouter une colonne<br>il faut ajouter un "th" dans "table".<br>
  73.             et un "td".</p>
  74.         </td>
  75.         <td>25</td>
  76.       </tr>
  77.       <tr>
  78.         <td>26</td>
  79.         <td>27</td>
  80.         <td>28</td>
  81.         <td>29</td>
  82.         <td>30</td>
  83.       </tr>
  84.     </tbody>
  85.     <tfoot>
  86.       <tr>
  87.         <th colspan="5">1er tableau Bilan de quelques mois</th>
  88.       </tr>
  89.     </tfoot>
  90.   </table>
  91.   <table id="table1">
  92.     <thead>
  93.       <tr>
  94.         <th colspan="3"></th>
  95.         <th>JUIN</th>
  96.         <th>JUILLET</th>
  97.         <th>AOUT</th>
  98.       </tr>
  99.     </thead>
  100.     <tbody>
  101.       <tr>
  102.         <td>1. Texte depuis "td". C'est l'été.</td>
  103.         <td>2. Il fait toujours aussi chaud.</td>
  104.         <td>3. La canicule s'est installée<br>
  105.           le pastis est au frais.</td>
  106.           <td></td>
  107.           <td></td>
  108.           <td></td>
  109.       </tr>
  110.     </tbody>
  111.     <tfoot>
  112.       <tr>
  113.         <th colspan="6">2e tableau Bilan des mois suivants</th>
  114.       </tr>
  115.     </tfoot>
  116.   </table>
  117. </body>
  118. </html>




 :hello:  Je reprends ton message; pour le 2e tableau, je ne veux pas 6 colonnes, mais 3 ...(JUIN, JUILLET, AOUT), (<th colspan="3"> ) avec 6, trois vides sont affichées.
En exécutant le code, dans le 2e tableau j'avais 3 colonnes en rab, j'ai vu qu'il y avait 6 colonnes dans le code. Je suis repassé à 3 et c'est bon.  
Pour <link> je le laisse vide; je ne crée pas un fichier CSS par exercice; je laisse la ligne d'instruction pour ne pas l'oublier ...

n°2417344
gatsu35
Blablaté par Harko
Posté le 14-05-2022 à 13:59:22  profilanswer
 

non alors tu n'as pas compris comment fonctionne le tableau.
il ne faut pas déclarer le nombre de colonne. Ce colspan tu le vire.
Le colspan, set à dire, toi ma cellule, tu vas prendre 3 colonnes.
Donc en gros si dans la ligne en dessous il y a d'autres cellules, tu verras que ta cellule en colspan 3 prends 3 cellules.
Et idem pour rowspan.
https://www.buvetteetudiants.com/co [...] owspan.php
https://www.w3schools.com/html/html [...] owspan.asp

Message cité 1 fois
Message édité par gatsu35 le 14-05-2022 à 13:59:50

---------------
Blablaté par Harko
n°2417345
MaybeEijOr​Not
but someone at least
Posté le 14-05-2022 à 14:12:50  profilanswer
 

gatsu35 a écrit :

non alors tu n'as pas compris comment fonctionne le tableau.
il ne faut pas déclarer le nombre de colonne. Ce colspan tu le vire.
Le colspan, set à dire, toi ma cellule, tu vas prendre 3 colonnes.
Donc en gros si dans la ligne en dessous il y a d'autres cellules, tu verras que ta cellule en colspan 3 prends 3 cellules.
Et idem pour rowspan.
https://www.buvetteetudiants.com/co [...] owspan.php
https://www.w3schools.com/html/html [...] owspan.asp


Le code posté n'est pas la correction.
Dans le code posté il avait un th avec un colspan de 3 ainsi que 3 autres th car après il avait 6 td. Son tableau me semble correct.
Maintenant (mais il n'a pas reposté le code), il a enlevé le th avec le colspan de 3, enlevé 3 td, et mis le colspan de son th dans le footer à 3 au lieu de 6. Donc on doit être bon.

 

EDIT : du moins c'est ce que je comprends.

Message cité 1 fois
Message édité par MaybeEijOrNot le 14-05-2022 à 14:13:58

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2417356
gatsu35
Blablaté par Harko
Posté le 14-05-2022 à 15:35:53  profilanswer
 

MaybeEijOrNot a écrit :


Le code posté n'est pas la correction.
Dans le code posté il avait un th avec un colspan de 3 ainsi que 3 autres th car après il avait 6 td. Son tableau me semble correct.
Maintenant (mais il n'a pas reposté le code), il a enlevé le th avec le colspan de 3, enlevé 3 td, et mis le colspan de son th dans le footer à 3 au lieu de 6. Donc on doit être bon.
 
EDIT : du moins c'est ce que je comprends.


le W3C validator me montrait que son tableau attendait 6 colonnes
du coup j'ai fait en sorte que son tableau prenne 6 colonnes :D


---------------
Blablaté par Harko
n°2417369
Harmo88
Il n\\
Posté le 14-05-2022 à 17:42:37  profilanswer
 

gatsu35 a écrit :


le W3C validator me montrait que son tableau attendait 6 colonnes
du coup j'ai fait en sorte que son tableau prenne 6 colonnes :D


Eeeuuh .... je ne veux accuser personne, mais c'est vous qui m'avez dit d'utiliser "colspan"  :lol:  :lol:  
OK, j'avais un "link" inactif, mais c'était voulu, pour le cas où j'utiliserais un fichier CSS.
Et une balise sans fermeture ... je suis d'accord, mais le nombre de colonnes était bon.
Le code final :

Code :
  1. <!DOCTYPE html>
  2.     <html lang="fr">
  3.   <head>
  4.     <meta charset="utf-8"/>
  5.     <title>page 103 livre HTML</title>
  6.     <link rel="stylesheet" type="text/css" href="" />
  7.     <style>
  8.     table {
  9.     border-collapse:collapse;
  10.     }
  11.     td:first-of-type {
  12.     background-color: yellow;
  13.     font-size: 25px;
  14.     }
  15.     th, td {
  16.       border: 1px solid black;
  17.       padding: 10px;
  18.     }
  19.     th {
  20.      background-color: red;
  21.      font-size: 25px;
  22.      }
  23.     td {
  24.      background-color: antiquewhite;
  25.      font-size: 25px;
  26.      }
  27.     #table1 td{
  28.     font-size: 20px;
  29.     background-color: antiquewhite;
  30.     }
  31.     #table1 th {
  32.     font-size: 30px;
  33.     background-color: #b2a8f6;
  34.     }
  35.     </style>
  36. </head>
  37.     <body>
  38.     <table>
  39.     <tr>
  40.      <th>JANVIER</th>
  41.      <th>FEVRIER</th>
  42.      <th>MARS</th>
  43.      <th>AVRIL</th>
  44.      <th>MAI</th>
  45.     </tr>
  46.     </thead>
  47.     <tbody>
  48.      <tr>
  49.       <td>11<p>Bonjour, ai-je assez de place ?</p></td>
  50.       <td>12<p>Passage à la ligne avec "br".<br> C'est merveilleux !</p></td>
  51.       <td>13<p>La sémantique est-elle respectée ?<br>Avec l'emploi de "br" ?</p></td>
  52.       <td>14<p>Mais oui, il y a de la place !</p></td>
  53.       <td>15</td>
  54.      </tr>
  55.      <tr>
  56.       <td>16<p>Utilisation de paragraphes "p" / "/p"</p></td>
  57.       <td>17</td>
  58.       <td>18</td>
  59.       <td>19</td>
  60.       <td>20</td>
  61.      </tr>
  62.      <tr>
  63.       <td>21</td>
  64.       <td>22</td>
  65.       <td>23</td>
  66.       <td>24<p>Pour ajouter une colonne<br>il faut ajouter un "th" dans "table".<br>
  67.       et un "td".</p></td>
  68.       <td>25</td>
  69.      </tr>
  70.      <tr>
  71.       <td>26</td>
  72.       <td>27</td>
  73.       <td>28</td>
  74.       <td>29</td>
  75.       <td>30</td>
  76.      </tr>
  77.     </tbody>
  78.     <tfooter>
  79.           <tr>
  80.              <th colspan="5">1er tableau Bilan de quelques mois</th>
  81.           </tr>
  82.     </tfooter>
  83.     </table>
  84. <table id="table1">
  85.     <thead>
  86.      <tr>
  87.      <th colspan="3"></th>
  88.      </tr>
  89.  <th>JUIN</th>
  90.  <th>JUILLET</th>
  91.  <th>AOUT</th>
  92.      </tr>
  93.     </thead>
  94.   <tbody>
  95.      <tr>
  96.  <td>1. Texte depuis "td". C'est l'été.</td>
  97.  <td>2. Il fait toujours aussi chaud.</td>
  98.  <td>3. La canicule s'est installée<br>
  99.  le pastis est au frais.</td>
  100.      </tr>
  101.   </tbody>
  102.  
  103. <tfooter>
  104.     <tr>
  105.         <th colspan="3">2e tableau Bilan des mois suivants</th>
  106.     </tr>
  107. </tfooter>
  108. </table>
  109. </body>
  110. </html>


Pour moi, c'est correct, j'ai le bon nombre de colonnes, et pas de vides ....

Message cité 1 fois
Message édité par Harmo88 le 14-05-2022 à 17:45:26
n°2417370
MaybeEijOr​Not
but someone at least
Posté le 14-05-2022 à 17:47:27  profilanswer
 

Harmo88 a écrit :


Eeeuuh .... je ne veux accuser personne, mais c'est vous qui m'avez dit d'utiliser "colspan"  :lol:  :lol:  


Pas de problème sur le colspan.
Par contre tfooter --> tfoot.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2417378
Harmo88
Il n\\
Posté le 14-05-2022 à 19:28:17  profilanswer
 

MaybeEijOrNot a écrit :


Pas de problème sur le colspan.
Par contre tfooter --> tfoot.


J'ai rectifié. OK pour tfoot; est-ce que tfooter était une ancienne appellation ?
Je ne l'ai pas inventé ... Je crois l'avoir utilisé dans un autre fichier, il va falloir que je recherche.  

n°2417388
MaybeEijOr​Not
but someone at least
Posté le 14-05-2022 à 20:12:19  profilanswer
 

Harmo88 a écrit :


J'ai rectifié. OK pour tfoot; est-ce que tfooter était une ancienne appellation ?
Je ne l'ai pas inventé ... Je crois l'avoir utilisé dans un autre fichier, il va falloir que je recherche.  


C'est moi qui te l'ai dit, après est-ce que j'ai repris sans faire attention un des tes anciens codes, aucune idée.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2417389
Harmo88
Il n\\
Posté le 14-05-2022 à 20:18:15  profilanswer
 

MaybeEijOrNot a écrit :


C'est moi qui te l'ai dit, après est-ce que j'ai repris sans faire attention un des tes anciens codes, aucune idée.


OK, c'est pas grave ... je suis un être indulgent, je t'accorde  l’absolution  :lol:  
Si tu copies tout ce que j'écris, tu n'es pas au bout de tes peines  :D  
L'important c'est qu'on finisse par s'y retrouver, dans mes élucubrations HTMLiques et CSSiques(ça, je viens de l'inventer).
 
Je viens de rechercher dans mon fichier sur le vol en hélico RC, j'avais effectivement un tfooter. C'est rectifié.
Je ne me souviens plus où l'avoir trouvé, mais ça fonctionnait; je ne me suis pas posé de question.

Message cité 1 fois
Message édité par Harmo88 le 14-05-2022 à 20:24:37
n°2417505
Harmo88
Il n\\
Posté le 16-05-2022 à 14:10:37  profilanswer
 

Harmo88 a écrit :


OK, c'est pas grave ... je suis un être indulgent, je t'accorde  l’absolution  :lol:  
Si tu copies tout ce que j'écris, tu n'es pas au bout de tes peines  :D  
L'important c'est qu'on finisse par s'y retrouver, dans mes élucubrations HTMLiques et CSSiques(ça, je viens de l'inventer).
 
Je viens de rechercher dans mon fichier sur le vol en hélico RC, j'avais effectivement un tfooter. C'est rectifié.
Je ne me souviens plus où l'avoir trouvé, mais ça fonctionnait; je ne me suis pas posé de question.


Pour positionner les box, c'est un peu la galère quand on ne connait pas bien...

Code :
  1. <!DOCTYPE html>
  2.     <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8"/>
  5.     <title>page 113 livre HTML</title>
  6.     <link rel="stylesheet" type="text/css" href="" />
  7.    
  8. <style>
  9. p {
  10. background-color: #0cc;
  11. }
  12. div {
  13. width: 100px;
  14. height: 100px;
  15. display: inline-block;
  16. border: 1px solid black;
  17. box-sizing: border-box;
  18. }
  19. .relatif {
  20. position: relative;
  21. }
  22. .haut {
  23.  top:60px;
  24.  }
  25. .gauche {
  26.  left:60px;
  27.  }
  28. .droite {
  29.  right:30px;
  30.  }
  31. .bleu {
  32.  background-color: #0af;
  33.  }
  34. .vert{
  35.  background-color: #0fa;
  36.  }
  37. </style>
  38. </head>
  39. <body>
  40. <p>Un premier paragraphe.
  41. </p>
  42. <p class="relatif haut">Un deuxième paragraphe.
  43. </p>
  44. <p>Un<span class="relatif gauche">troisième</span>paragraphe.
  45. </p>
  46. <br><br>
  47. <div class="carré bleu">
  48. </div>
  49. <div class="carré vert relatif haut droite">
  50. </div>
  51. <div class="carré bleu">
  52. </div>
  53. </body>
  54. </html>


 

Code :
  1. <p>Un<span class="relatif gauche">troisième</span>paragraphe.
  2. </p>


Normalement, je voulais obtenir: Un          paragraphe troisième. Je n'ai pas réussi ... c'est juste pour exercice.
 

n°2417507
MaybeEijOr​Not
but someone at least
Posté le 16-05-2022 à 14:32:11  profilanswer
 

Si tu augmentes le nombre de pixels dans ta classe "gauche" ça devrait aller. Par exemple 140px au lieu de 60px.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2417557
Harmo88
Il n\\
Posté le 16-05-2022 à 18:19:19  profilanswer
 

MaybeEijOrNot a écrit :

Si tu augmentes le nombre de pixels dans ta classe "gauche" ça devrait aller. Par exemple 140px au lieu de 60px.


Mais quelle banane je fais, par moment ...  :ange:  
C'est parfait, merci.

n°2417659
Harmo88
Il n\\
Posté le 17-05-2022 à 10:58:24  profilanswer
 

Harmo88 a écrit :


Mais quelle banane je fais, par moment ...  :ange:  
C'est parfait, merci.


Ascenseur et barre de défilement.

Code :
  1. <!DOCTYPE html>
  2.     <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8"/>
  5.     <title>page 113 livre HTML</title>
  6.     <link rel="stylesheet" type="text/css" href="" />
  7.    
  8. <style>
  9. #maBoite3 {
  10. width: 250px;
  11. height: 100px;
  12. border: 1px solid #333;
  13. padding: 0;
  14. overflow: auto;
  15. margin-bottom: 30px;
  16. }
  17. #maBoite4 {
  18. width: 250px;
  19. height: 60px;
  20. border: 1px solid #333;
  21. padding: 0;
  22. overflow-x: scroll;
  23. white-space: nowrap;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div id="maBoite3">
  29. <p>Bonsoir.Tous les appareils ont une garantie de 24 mois à compter de la date d'achat.
  30. La garantie s'étend seulement à l'appareil et inclut les composants et le coût du travail.
  31. Cependant la garantie ne couvre pas les dommages résultants d'un usage incorrect, du non
  32. respect des instructions d'utilisation, la perte ou le bris dû à une chute.
  33. </p>
  34. </div>
  35. <div id="maBoite4">
  36. <p>Bonne nuit.La stimulation nerveuse électrique transcutanée (TENS) est une variante
  37. douce du traitement de la douleur par stimulation électrique. L'appareil
  38. TENS envoie des impulsions agréables à travers la peau et stimule les nerfs
  39. situés dans la zone de traitement. La sensation de douleur de l'utilisateur est,
  40. dans de nombreux cas, réduite ou éliminée. Le soulagement de la douleur varie
  41. en fonction du patient, de la thérapie choisie, et du type de douleur. Chez de
  42. nombreux patients, la réduction ou l'élimination de la douleur dure plus longtemps
  43. que le temps de stimulation en lui-même (parfois, trois à quatre fois plus longtemps).
  44. Pour certains patients, la douleur n'est soulagée que le temps de la séance de stimulation.
  45. </p>
  46. </div>
  47. </body>
  48. </html>


Ça monte, ça descend, ça défile à droite, à gauche.  
 

n°2417989
Harmo88
Il n\\
Posté le 20-05-2022 à 14:05:27  profilanswer
 

Lorsque je veux exécuter un fichier dans Visual Studio Code, ce message s'affiche en anglais que j'ai traduit:
Impossible de lancer le navigateur : "Impossible de trouver une installation du navigateur sur votre système. Essayez de l'installer ou de fournir un chemin absolu vers le navigateur dans le "runtimeExecutable"de votre "launch.json".
Dans un menu déroulant, j'active Firefox mais ça ne fonctionne pas.
Les modifications enregistrées dans VSC sont bien modifiées dans le fichier d'origine Notepad++
Comment exécuter le fichier depuis VSC ?

n°2427397
Harmo88
Il n\\
Posté le 29-09-2022 à 11:46:41  profilanswer
 

Harmo88 a écrit :

Lorsque je veux exécuter un fichier dans Visual Studio Code, ce message s'affiche en anglais que j'ai traduit:
Impossible de lancer le navigateur : "Impossible de trouver une installation du navigateur sur votre système. Essayez de l'installer ou de fournir un chemin absolu vers le navigateur dans le "runtimeExecutable"de votre "launch.json".
Dans un menu déroulant, j'active Firefox mais ça ne fonctionne pas.
Les modifications enregistrées dans VSC sont bien modifiées dans le fichier d'origine Notepad++
Comment exécuter le fichier depuis VSC ?


 
[quotemsg]
Bonjour,
Après une interruption pendant l'été(pour d'autres activités en plein-air), je reprends.
Je laisse de côté le débogage sur VSC, je n'arrive pas à l'activer correctement et ça bloque l’exécution de la page.
 
Je reprends la page "vol_helico.html" déjà postée auparavant; je voulais incorporer un fichier CSS à cette page.
Il y a un problème avec le titre, que je dois placer dans le head, pour qu'il soit pris en compte :  
<head>
     <style>
 h1 { color:#f5e627;text-align: center; text-shadow: 6px 6px grey;}
     </style>  
</head>
Placé ainsi dans le head de la page, ça fonctionne correctement, titre en jaune, centré, avec un ombrage.
Placé dans le fichier CSS(Hélico.css), le titre est noir et situé à gauche de la page ... je ne comprends pas pourquoi ...
Voici le code HTML:
 
<!DOCTYPE html>
<html>
<div id="top"></div><!--<a href="#top">Retour en Haut de la page</a>-->
 
<head>
 <meta charset="utf-8"/>
 <title>Vol_hélico.html</title>
 <link rel="stylesheet" type="text/css" href="helico.css"/>
 
<style>
 h1 { color:#f5e627;text-align: center; text-shadow: 6px 6px grey;}
</style>
</head>
 
<body style="background-color:#b2a8f6;"><!--Couleur de fond de la page en bleu-->
 
 
<h1>VOL EN HELICOPTERE RADIOCOMMANDE</h1>
<p style="text-align: center"><!--Centre l'image horizontalement-->
  <img src="file://C:\Users\Perso\Pictures\helico1.jpg"alt"Photo d'un hélicoptère"/><!--Affiche l'image-->
</p>
<h3>ALLER DIRECTEMENT A LA PARTIE TRAITANT DE :</h3>
<ul id="liens">
 <li><a href="#import">Important</a></li>
 <li><a href="#conseils">Conseils lors de l'achat d'un modèle</a></li>
 <li><a href="#pilotage">Concernant l'apprentissage du pilotage</a></li>
 <li><a href="#cyclique">Le plateau cyclique</a></li>
 <li><a href="#rotor principal">Le rotor principal</a></li>
 <li><a href="#rotor anticouple">Le rotor anticouple</a></li>
 <li><a href="#radio">La radiocommande</a></li>
 <li><a href="#propulsion">La propulsion</a></li>
 <li><a href="#servos">Les servos</a></li>
 <li><a href="#gyro">Le gyroscope</a></li>
 <li><a href="#photos montage">Quelques photos de montage</a></li>
</ul>
<hr>    
   
<h3>RECOMMANDATIONS AUX DEBUTANTS</h3>
<ul>
 <li>Faire évoluer un modèle radiocommandé n'est pas sans danger. L'hélicoptère peut provoquer des blessures, voir des amputations graves, selon la taille des rotors.</li>
 <li>Respecter les distances de sécurité, concernant le public, ou des visiteurs éventuels.</li>
 <li>Maintenir le modèle en bon état, mécanique et électronique.</li>
 <li>Choisir un terrain bien dégagé, avec une aire de décollage/atterrissage adéquate.</li>
 <li>Avant le vol, toujours vérifier l'état du modèle, de la charge des accus, y compris ceux de la radio.</li>
 <li>Avant de décoller, tester toutes les commandes de vol; au besoin, effectuer un test de portée de la radio.</li>
 <li>Après vol vérifier l'état du modèle, surtout après un incident, une touchette.</li>
 <li>Rester concentré, ne pas se laisser distraire, ne pas s'approcher d'autres modèles en vol; plutôt s'en éloigner.</li>
 <li>Ne quittez pas votre modèle des yeux, quelques secondes suffisent pour se retrouver en situation incontrôlable.</li>
 <li>Ne dépassez vos compètences, vos limites. Si vous êtes trop crispé sur les manettes, faites une pause, pour mieux reprendre ensuite.</li>
</ul>
<hr>
<h3>CHOIX DU MODELE :</h3>
<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>
<hr>
<h3 id="import"></h3>
<h3>IMPORTANT :</h3>
<p> Lors d'un montage, ou après un démontage, remonter les vis métalliques au frein filet moyen, pour éviter le desserrage de celles-ci.<br>
 Beaucoup de modéles se crashent à cause de vis qui se desserrent en vol, ce qui est bien regrettable, alors que l'on peut éviter ce désagrément.<br>  
 Le prix d'une vis qui se desserre est-il équivalent au montant des réparations qu'elle va occasionner ? Certes, non.
 Après démontage des vis,<br> il reste des traces de frein filet; personnellement, je conseille de retirer ces traces, pour un serrage optimal lors du remontage.<br>
 Ce nettoyage est long et fastidieux sur des vis de petit diamètre. Pour ceux qui veulent ignorer cette opèration, remplacer les vis par des neuves.<br>
 Nettoyer aussi les taraudages correspondant aux vis démontées, avec les tarauds adaptés. C'est la meilleure façon de procéder proprement.<br>
 Retirer les résidus à l'aide d'une soufflette.
</p>
 
<a href="#top">Retour en Haut de la page</a>
   
<hr>
<h3 id="conseils"></h3>
<h3>CONSEILS LORS DE L'ACHAT D'UN MODELE :</h3>
<p> Pour limiter le coût à l'achat d'un modèle, il est possible de le choisir en occasion, ce qui ne présente pas que des avantages.<br>
 Selon l'entretien du modèle, l'utilisation, le nombre de crash, son état général, il n'est pas certain que le modèle sera intéressant.<br>
 Les réglages du modèle, si le pilote est confirmé, ne conviendront pas à un débutant, le modèle étant trop réactif en début.<br>
 Ne pas hésiter à demander au vendeur d'effectuer un vol de démonstration; dans le cas d'un refus de sa part, ne pas conclure l'achat.<br>
 Si malgré tout l'achat est conclu, demander à un pilote confirmé de procéder aux réglages pour débutant, pour éviter un crash quasi certain.<br>
 A ce sujet, je prends en compte mon expèrience personnelle. Il m'est arrivé d'acheter des modèles qui révélaient des vices cachés.<br>
 Par correspondance, il n'est pas toujours facile d'obtenir un remboursement de la part d'un vendeur indélicat; donc prudence.<br>
     
 Il est possible de débuter avec un modèle bi-rotor (contra rotatif), plus stable, plus souple, pour l'apprentissage du vol.<br>
 Autre possibilité un modèle à pas fixe, qui permet de passer doucement au modèle à pas variable. C'est la variation de la vitesse du rotor<br>
 principal qui fait monter ou descendre le modèle.<br>
 Le coût de ces modèles est moins élevé à l'achat; ils ne procurent pas les mêmes sensations, mais ils conviennent  bien à un débutant.
</p>
<hr>
<h3 id="pilotage"></h3>
<h3>CONCERNANT L'APPRENTISSAGE DU PILOTAGE :</h3>
<p> Personnellement, afin d'acquèrir les bons gestes, et les bons réflexes, je conseille de débuter en utilisant un simulateur de vol.<br>
 Malgré le surcoût que cela reprèsente, je suis convaincu que cela se traduira par une économie non négligeable, en évitant les crash dus au manque de pratique du vol.<br>
 Le simulateur m'a permis, en 6 mois de pratique, de commencer l'accrobatie, boucles, tonneaux, renversements, ce qui a étonné bien des pilotes confirmés, qui me reprochaient de vouloir griller les étapes.<br>
 Ce qu'ils ne savaient pas, j'ai eu une formation concernant la théorie de l'hélicoptère dans l'aéronavale, ce qui m'a beaucoup aidé, dans le fonctionnement, les réglages, et le pilotage.<br>
<br>
 Commencer l'apprentissage par le décollage en douceur, à une altitude égale à 0.7 fois le diamètre du rotor principal, pour profiter de l'effet de sol; maintenir le modèle en stationnaire, ce qui, au début, ne parait pas évident.<br>
 En effet de sol, le vortex (le souffle) des pales du rotor principal, projette l'air vers le bas, cet air rebondit sur le sol est revient dans les pales, ce qui a pour effet de faire remonter l'hélicoptère.<br>
 On peut observer le phénomène, en observant un hélicoptère se poser sur le sol; sa vitesse de descente ralentit lorsqu'il est à la hauteur de l'effet de sol, ce qui lui permet de se poser en douceur.<br>
 Ne pas commencer les translations, avant, droite, gauche, arrière, avant de maîtriser le stationnaire, que certains ne dépassent jamais.<br>
 Dans tous les cas, la manoeuvre des manettes doit se faire en douceur; pas de mouvements brusques, pour éviter des embardées incontrôlables du modèle qui finiront en crash, bien souvent.<br>
 En cela, je trouve le simulateur d'un grand secours. Avec de la pratique, on peut se mettre en situation scabreuse et tenter de la corriger. Si on n'y parvient pas, ce n'est qu'un crash virtuel.<br>
 Naturellement, sur le terrain, la réaction du pilote débutant sera différente; cela est du à l'environnement différent, mais également à l'appréhension éprouvée par le pilote, à faire évoluer un modèle pour la première fois.<br>
 En avion,cette appréhension est la même, les premières fois. Elle disparait au fur et à mesure des progrés réalisés.<br>
<br>
 Attention, en vol de face, l'hélico vient vers vous; vous voulez que votre hélico se déplace sur votre gauche, il faut bien mettre de l'aileron à droite, ainsi que de la gouverne à droite. L'hélico, lui, se déplace bien sur sa droite.  
 Un peu perturbant, au début. La montée, ainsi que le descente, ne changent pas. Elles changent en vol dos, fortement déconseillé sans une maîtrise parfaite des commandes de vol dans toutes les situations.<br>
 Esayez de vous imaginer à la place du pilote, dans l'hélico, pour mieux visualiser les actions à réaliser, pour évoluer. Cela peut aider certains.
<br>
<br>
 Lors des premières tentatives de voltige, looping, tonneau, renversement, prévoir une altitude suffisante pour effectuer la figure, ainsi qu'une vitesse suffisante (pour ne pas que le modèle décroche).<br>
 Veiller tout de même à ce que le modèle soit bien visible, pour suivre l'évolution avec aisance. Quoi de plus ennuyeux que de ne plus savoir dans quelle configuration de vol se trouve le modèle, lorsqu'il est trop haut, ou trop loin.<br>
 Si malencontreusement vous vous trouvez en vol dos, et que vous ne le voyez pas, comment prendre la bonne décision, remettre l'hélico à plat ?.<br>
 <mark>CONSEIL JUDICIEUX : NE QUITTEZ JAMAIS L'HELICO DES YEUX</mark>, ça va très vite, le crash aussi.<br>
<br>
 <a href="http://www.helicuarnens.ch/?page_id=87" target=_blanck">Apprentissage du vol en 12 leçons</a> <!--Lien externe--><br>
 
 <a href="http://www.aeromodelismesaguenay.com/doc/guide_du_debutant_helico_electrique_v16.pdf" target=_blanck">Apprenez le vol</a><br>
</p>
 
<a href="#top">Retour en Haut de la page</a>  
 
<hr>
 
<h3 id="cyclique"></h3>
<h3>LE PLATEAU CYCLIQUE :</h3>
<p style="text-align: center;"><img src="C:\Users\Perso\Pictures\plat_trex_a.jpg" class="image" alt"Photo plateau cyclique hélicoptère"/></p>
<p> Le plateau cyclique est un élément essentiel intégré sur l'arbre de transmission du rotor principal, et qui commande les translations de l'hélicoptère, en modifiant le pas des pales, séparément (pas cyclique), ou collectivement (pas collectif).<br>
 le collectif fait varier l'angle des deux pales de la même valeur; lorsque le pilote pousse la manette des gaz, cela augmente aussi le pas des deux pales ce qui monter l'hélicoptère.<br>
 Le plateau cyclique est commandé généralement par trois servos; actionnés ensemble, ils commandent le collectif. Séparément, ils actionnent le cyclique.<br>
 Le cyclique commande les translations avant, arrière, droite, gauche.<br>
 Le rotor anti couple assure quant à lui, la rotation de l'hélico, tout en empêchant l'hélicoptère de tourner sur lui-même, à cause du couple provoqué par la rotation du rotor principal.<br>
 Sans rotor anti couple, l'hélicoptère tournerait constamment sur lui-même, on ne pourrait pas voler.<br>
 En combinant avec le cyclique, l'anticouple permet au modèle d'effectuer  des virages à droite, ou à gauche.<br>
 Les réglages du plateau cyclique ne sont pas simples à effectuer; il est préférable de s'adresser à un pilote qui connait les réglages à effectuer.<br>
 Tous les pilotes, aussi doués soient-ils, ne savent pas forcément effectuer ces réglages. Quant à les effectuer sans connaissances, mieux vaut ne pas y songer.
 Un plateau mal réglé, et l'hélicoptère peut effectuer des figures incontrôlées; c'est le crash assuré pour un débutant.<br>
<br>
 Lorsque le plateau cyclique est bien réglé, la manette des gaz en bas, le pas des pales est négatif; cela plaque au sol l'hélicoptère, le temps que le rotor prenne sa vitesse, avant le décollage.<br>
 La manette étant en position milieu, le pas des pales est neutre, l'hélicoptère ne peut toujours pas décoller.<br>
 En dépassant le point milieu de la manette, le pas des pales devient positif, l'hélicoptère commence à décoller, doucement si on pousse la manette doucement.<br>
 Avec la manette en positoin haute, le pas des pales est maximum, et ne devra pas dépasser une valeur d'angle maxi, vérifié avec un incidensemètre.<br>
 Les deux pales du rotor devront avoir le même angle, selon la procédure de réglage à consulter pour un bon résultat.<br>
 Au cas où les deux pales auraient un angle différent, on peut agir sur la longueur de la biellette concernée, en vérifiant avec un incidensemètre.<br>
 Toujours effectuer le réglage sur la même pale, et tourner la chape d'un tour, ces chapes ayant un sens de montage, ce qui ne facilite pas toujours ce genre de réglage qui nécessite<br>
 parfois seulement un demi-tour. Selon le degré de précision de l'incidensemètre, il n'est pas toujours possible de corriger.<br>
 Avec un montage correct du plateau cyclique (longueur des biellettes égales), l'angle des pales est en général identique.
 
</p>
<hr>
<a href="#top">Retour en Haut de la page</a>
 
<h3 id="rotor principal"></h3>
<h3>LE ROTOR PRINCIPAL :</h3>
<p> Sa première fonction est d'assurer la portance du modèle, pour lui permettre de rester en vol, en augmentant le pas des pales de la même valeur, pour la montée.<br>
 Ou en diminuant l'angle des pales de la même valeur, pour la descente. C'est le collectif qui le permet.<br>
<br>
 Sa deuxième fonction est d'assurer les translations avant, arrière, droite, gauche. C'est le cyclique qui le permet.<br>
 Pour cela, le rotor s'incline en avant, en arrière, à droite, à gauche.<br>
 Le souffle engendré par le rotor (vortex)est ainsi dirigé vers l'avant, l'arrière, la droite, la gauche.<br>
 Combiné avec le rotor anticouple (rotor de queue)il permet les virages.<br>
<br>
 Le serrage des pales sur le moyeu doit être plus ferme que pour celles du rotor anticouple , sans toutefois être trop rigide, ni trop libre. Question d'habitude.<br>
 Le serrage doit être le plus possible identique sur les deux moyeux. Question d'habitude également.
<br>
<br>
<a href="http://helico.rc.free.fr/reglages.htm" target=_blanck"> Pour consulter la page</a>
</p>
<hr>
<h3 id="rotor anticouple"></h3>
<h3>LE ROTOR ANTICOUPLE :</h3>
<p style="text-align: center;"><img src="C:\Users\Perso\Pictures\rac.jpg" class="image" alt"Photo rotor anticouple hélicoptère"/></p>
<p> Le rotor anticouple contre le couple engendré par la rotation du rotor principal; sans lui, la cellule tournerait dans le sens inverse du rotor principal.<br>
 Je le répéte, l'hélico ne pourrait pas voler.<br>
 Les virages ne seraient pas possibles, puisqu'il permet une rotation contrôlée de la cellule, pour amorcer un virage, en combinaison avec le latéral cyclique à droite ou à gauche.<br>
 Lorsque la manette du latéral cyclique est au point milieu, le pas des pales est neutre, la cellule ne doit pas dévier de son axe, au décollage, ce qui serait dangereux.<br>
 C'est donc un élément important qui doit être bien réglé. Il est contrôlé par un servo indépendant, relié à la tige de commande du rotor par une tringle, le long du tube de queue, sur certains modèles.<br>
 Là aussi, consulter la notice, pour le réglage.<br>
 Il est entraîné en rotation, soit par courroie, soit par un arbre logé dans le tube de la queue de la cellule, entraîné par un couple cônique, relié d'une part à l'axe du rotor principal, et d'autre part à l'axe du rotor anticouple.<br>
 Les pales montées sur le moyeu, ne doivent pas être trop serrées dans leur logement, afin que la force centrifuge crèée par la vitesse de rotation puisse les aligner sans effort.<br>
 Deux pales non alignées engendreraient des vibrations de la cellule, néfastes pour les éléments tournants, pignons, roulements.<br>
 Il est donc important de le maintenir en parfait état de fonctionnement, au niveau des pales, des roulements, axe non faussé, couples côniques avec des pignons non abîmés.<br>
 Un rotor anticouple qui casse en vol, conduit au crash sans posibilité de pouvoir le contrôler. Plus le modèle sera en hauteur, plus la casse sera importante.<br>
 Il m'est arrivé de voir un 700, dont l'anticouple s'est détaché de son support (vis non montées au frein filet ?), à une altitude d'environ trente mètres, se mettre à tournoyer sur lui-même, et chuter à pleine vitesse.<br>
 Les dégâts furent importants, et la carte bancaire a dû souffrir !!!. Ne pas négliger cet aspect; il y a des crash qui coûtent cher, surtout si on a voulu économiser un peu de frein filet, d'une valeur de quelques centimes d'euro. Le jeu n'en vaut pas la chandelle.<br>
 Pour appronfondir le sujet sur les différents organes et fonctions d'un hélicoptère, je vous conseille de consulter ce site :<br>
 <a href="https://www.amvh.fr/cours_helico_modifie.pdf" target=_blanck">Les commandes de vol</a><br>
 
<a href="#top">Retour en Haut de la page</a>
 
</p>
<hr>
<h3 id="radio"></h3>
<h3>LA RADIOCOMMANDE :</h3>
<p style="text-align: center;"><img src="C:\Users\Perso\Pictures\radio.jpg" class="image" alt"Photo radiocommande"/></p>
<p> Autre élément incontournable; constituée d'un émetteur, et d'un récepteur, elle permet de piloter un modéle à distance.<br>
 La fréquence d'émission de 2.4 Ghz permet d'éviter les interférences parasites qui pourraient la perturber. Permet également à plusieurs pilotes de voler avec plusieurs modéles ensemble, sans interférence d'une radio à l'autre.<br>
 Son utilisation en mode 1 est la plus courante, notamment dans les clubs de modélisme, pour faciliter l'apprentissage; tous les pilotes ayant le même mode.<br>
 En mode 1 la manette de droite commande les gaz et le latéral droite, gauche.<br>
 La manette de gauche commande le cyclique longitudinal et l'anticouple, ainsi que la profondeur.<br>
 Caractérisée par le nombre de voies, selon les fonctions du modèle. Cela peut aller jusqu'à 18 voies pour un modéle sophistiqué; généralement 6 voies suffisent.<br>
 La choisir programmable facilite les réglages des commandes de vol, qui peuvent être ainsi adaptés à sa manière de voler, calme, ou plus agressive (accrobatie, 3D).<br>
 Sur les petits modéles de base, les réglages sont effectués chez le fabricant, cela étant suffisant.<br>
 On peut enregistrer un grand nombre de modéles, avions, hélicoptères, planeurs, avec leurs réglages respectifs. Là encore consulter la notice fournie avec.
 La programmation peut paraître compliquée aux yeux du néophyte; demander conseil à un pilote confirmé, afin de ne pas commettre d'erreur, qui se traduirait par un comportement anormal du modèle.<br>
 La présentation des menus varie d'une marque à l'autre, certaines étant plus intuitives.<br>
<br>
 Dans le menu de la radio, on trouve les fonctions Dual Rate(D/R), et Exponentielle(Expo).<br>
<br>
 Le Dual Rate limite la course d'un servo. La course d'un servo a un débattement maxi, on va dire 100%. En vol, ce % peut être trop important. On diminue ce débattement, par exemple 70% afin d'obtenir une réaction moins agressive du modèle en vol.<br>
 Ce % est différent sur les manettes direction, pronfondeur, ailerons; que ce soit sur un avion ou sur un hélico.<br>
 Ne pas exagérer le % affiché dans la radio. Il revient au pilote le choix de ce %, en fonction de ses aptitudes.<br>
<br>
 L'Exponentielle ou Expo dans la radio, en association avec D/R, permet de limiter le débattement autour du neutre d'une manette, en conservant le débattement maxi de cette manette.<br>
 On peut dire qu'avec de l'expo, on retarde légérement l'action d'une manette, lorsqu'on dépasse le neutre. Ce qui n'empéchera pas le servo d'atteindre la valeur fixée dans le D/R.<br>
 Si on doit maintenir droit l'hélico en vol, et que, sans le vouloir par un effet de doigt, on décale légérement la position de la manette de direction, cettet action sera "amortie" par l'Expo. Le modèle déviera moins que si il n'y avait pas d'Expo.<br>
 Ne pas exagérer le % à afficher dans la radio; à chaque pilote de choisir le % qui lui convient. A tester sur le terrain.<br>
 Ce % est également différent sur les différentes manettes.<br>
<br>
 Autres fonctions utiles Trim et Subtrim.<br>
 Trim: sous chaque manette, à l'horizontal, et en vertical, on voit un interrupteur à deux sens(+/-) qui permettent de corriger la déviation d'un modèle en vol. Le pilote active cet interrupteur pour compenser la déviation du modèle.<br>
 On peut obtenir le même résultat avec Subtrim; la différence est que cette fonction est enregistrée dans le menu Subtrim de la radio. Il faut donc entrer dans le menu de la radio pour le modifier, ce qu'on ne peut pas faire en vol, alors que Trim peut l'être.
<br>
 Une correction trop importante, à éviter, signifie généralement que le modèle est mal réglé mécaniquement, genre centre de gravité mal réparti, masses mal réparties dans le fuselage, angle des pales différent.<br>
</p>
<hr>
<a href="#top">Retour en Haut de la page</a>
<h3 id="propulsion"></h3>
<h3>LA PROPULSION :</h3>
<p>La propulsion d'un modèle peut se faire soit avec un moteur thermique, soit électrique. A chacun de choisir.<br>
 Mon choix s'est fixé sur l'électrique qui a fait d'énormes progrés, avec des performances égales au thermique. L'avantage que j'y trouve, est la propreté, et l'absence d'odeur dans la voiture, lors du transport du modèle. Pas de risque de renverser du carburant dans la voiture.<br>
 En fonction du modèle, le choix des accus est important, dans la qualité, la tension, la capacité, les dimensions, le poids, et le taux de décharge(exprimée en C).<br>
 Ces paramètres sont à prendre en compte, pour obtenir un temps de vol optimal, selon le type de vol adopté. Il est évident que l'accrobatie est plus gourmande en intensité, et diminuera le temps de vol. Si la capacité des accus est insufisante, le temps de vol s'en trouvera fortement raccourci.<br>
 Respecter l'intensité de charge d'un accu; il est indiqué par le fabricant. J'utlise la charge mimimum de charge, pour privilégier la durée de vie de l'accu.<br>
<br>
 Ne pas décharger complètement un accu, pour deux bonnes raisons:<br>
 La première est que cela raccourcit la durée de vie de l'accu.<br>
 La deuxième est que l'arrêt du moteur survient assez brusquement dû à la chute de tension de l'accu; lorsque le modèle est en vol, l'atterrissage peut se réaliser à un endroit inadapté, éloigné, imprévu, ce qui a pour résultat un crash qui aurait pu être évité.
<br>
 Pour recharger ces accus, l'achat d'un chargeur s'impose; là aussi choisir un modéle pouvant débiter l'intensité suffisante correspondante à l'accu. Ils peuvent être programmables, pour différents types d'accu.<br>
 L'achat d'un testeur de batteries est recommandé; on en trouve également à monter sur le modéle qui avertit le pilote que la tension de la batterie arrive au minimum programmé, et qui signifie qu'il est temps de poser le modéle.<br>
<br>
 Si on équipe le modèle de la télémétrie, ces indications peuvent être fournies par la radio si elle prévoit cette option.<br>
</p>
<hr>
<h3 id="servos"></h3>
<h3>LES SERVOS :</h3>
<p> Généralement au nombre de 4; trois pour actionner le plateau cyclique, un pour actionner le rotor anticouple.<br>
 Ils sont caractérisés par leurs dimensions, adaptées au modèle, la tension d'alimentation, leur couple qui est différent pour celui du plateau cyclique, de celui du rotor anticouple, et leur temps de réponse plus ou moins rapide.<br>
 Selon les marques, et le prix, on trouve différentes qualités. En hélico privilégier la qualité, la solidité; rien de plus désagréable qu'un servo qui vous lâche en vol, ça ne pardonne pas.<br>
 Eviter la pignonerie en plastique, moins chère, mais beaucoup plus fragile que celle en métal. Lors d'un crash le choc se répercute sur les servos, par l'intermèdiaire des biellettes, ce qui peut déformer la denture des pignons. Le servo devient imprécis.<br>  
 Il peut aussi se bloquer, autre cas de crash.
</p>
<hr>
     
<h3 id="gyro"></h3>
<h3>LE GYROSCOPE :</h3>
<p> Le gyroscope a pour fonction de maintenir le modèle en vol d'une manière stable, tant qu'on ne change pas la position des manettes.
 Réglé en conservateur de cap, le cap du modèle reste le même, tant qu'on ne lui donne pas d'ordre de changer<br> ce cap, aux manettes.<br>
 C'est une aide au pilotage.
 Il ne faut pas croire pour autant qu'il compensera les erreurs de pilotage; si vous vous retrouvez involontairement en vol dos, c'est à vous de corriger la position, pas au gyro. Cela peut se corriger automatiquement, si cette fonction est assurée.<br>
</p>
<a href="#top">Retour en Haut de la page</a>
 
<hr>
<h3 id="photos montage"></h3>
<h3>QUELQUES PHOTOS DE MONTAGE DE L'HELICO :</h3>
<p style="text-align: center;"><img src="C:\Users\Perso\Pictures\montage_1.jpg" class="image" alt"Quelques photos de montage de l'helico"/></p>
 
<tfoot>  
 <h3
  style="color:#f5e627"> @ Harmo88 BONS VOLS
 </h3>
</tfoot>
 
</body>
</html>
 
Et le fichier CSS :
 
<!DOCTYPE html>
 
<html lang="fr"/>
 
<head>
 <meta charset="utf-8"/>
 <title>Vol_hélico en html</title>
 <link rel="stylesheet" type="text/css" href="helico.css">
 
<style>
 
 h1 {color:#f5e627;text-align: center; text-shadow: 4px 4px grey;
 }
 
 h3 {color:#f5e627; padding-left: 10px; /* Décale les titres de paragraphe à droite*/
 }
 
 p {font-size:130%; padding-left: 10px; /* Paragraphe décalé à droite*/
 }
 
 li {font-size:130%;
 }
 
Si je supprime la ligne h1 dans le CSS, les titres h3 sont noirs, et non plus jaunes.
En résumé je dois placer cette ligne dans le HTML et dans le CSS ???
NB: les photos ne s'afficheront pas, elles ne sont pas dans un hébergeur, locales sur le PC.
 
 
 .image{
 float:left;
 margin: 0 15px 15px 0 /* Place le texte à droite de l'image*/
 }
   
 plat_trex_a.jpg{
 winth: auto;
 height: auto;
 margin: 10px 0 0 210px
 }    
   
</style>
</head>  
 
 
</html>
https://jsfiddle.net/krpme6nu/
J'espère que le code est sauvegardé ....


Message édité par Harmo88 le 29-09-2022 à 11:58:58
n°2427692
MaybeEijOr​Not
but someone at least
Posté le 01-10-2022 à 12:09:02  profilanswer
 

Bonjour,

 

Les vacances sont terminées !

 

Va falloir te remettre dans le bain...

 

1- Utilise les balises "code" pour mettre le contenu de tes fichiers sur le forum, et non simplement les copier/coller dans le corps de texte, c'est illisible !
2- Relis-toi, dans ton code comme sur le forum, tu dois bien t'apercevoir que tes messages ne sont pas clairs dans leur mise en forme, non ?
3- Si je dis relis-toi dans ton code c'est parce qu'en effet on trouve toujours ces erreurs d'inattention qui te sont chères, tu as mis un lien JSFiddle c'est vraiment très bien, mais profites-en, il te surligne et souligne des passages entiers, signe d'une erreur. Il manque des guillemets et des signes égales à plein d'endroits et JSFiddle te le fait remarquer.
4- Dans le fichier CSS tu ne mettras que du CSS ! Ici tu mélange HTML et CSS, le contenu devrait être simplement :

 

(on note l'utilisation de la balise code)

Code :
  1. h1 {color:#f5e627;text-align: center; text-shadow: 4px 4px grey;
  2. }
  3. h3 {color:#f5e627; padding-left: 10px; /* Décale les titres de paragraphe à droite*/
  4. }
  5. p {font-size:130%; padding-left: 10px; /* Paragraphe décalé à droite*/
  6. }
  7. li {font-size:130%;
  8. }
  9. .image{
  10.   float:left;
  11.   margin: 0 15px 15px 0 /* Place le texte à droite de l'image*/
  12. }
  13. plat_trex_a.jpg{
  14.   winth: auto;
  15.   height: auto;
  16.   margin: 10px 0 0 210px
  17. }
 

5- La dernière classe CSS ne veut rien dire, tu lui demandes de mettre en forme l'élément HTML "plat_trex_a" mais cette balise n'existe pas !
6- Tu as oublié des points-virgules dans ton CSS.

Message cité 1 fois
Message édité par MaybeEijOrNot le 01-10-2022 à 12:10:15

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2427698
Harmo88
Il n\\
Posté le 01-10-2022 à 14:16:20  profilanswer
 

MaybeEijOrNot a écrit :

Bonjour,
 
Les vacances sont terminées !
 
Va falloir te remettre dans le bain...
 
1- Utilise les balises "code" pour mettre le contenu de tes fichiers sur le forum, et non simplement les copier/coller dans le corps de texte, c'est illisible !
2- Relis-toi, dans ton code comme sur le forum, tu dois bien t'apercevoir que tes messages ne sont pas clairs dans leur mise en forme, non ?
3- Si je dis relis-toi dans ton code c'est parce qu'en effet on trouve toujours ces erreurs d'inattention qui te sont chères, tu as mis un lien JSFiddle c'est vraiment très bien, mais profites-en, il te surligne et souligne des passages entiers, signe d'une erreur. Il manque des guillemets et des signes égales à plein d'endroits et JSFiddle te le fait remarquer.
4- Dans le fichier CSS tu ne mettras que du CSS ! Ici tu mélange HTML et CSS, le contenu devrait être simplement :
 
(on note l'utilisation de la balise code)

Code :
  1. h1 {color:#f5e627;text-align: center; text-shadow: 4px 4px grey;
  2. }
  3. h3 {color:#f5e627; padding-left: 10px; /* Décale les titres de paragraphe à droite*/
  4. }
  5. p {font-size:130%; padding-left: 10px; /* Paragraphe décalé à droite*/
  6. }
  7. li {font-size:130%;
  8. }
  9. .image{
  10.   float:left;
  11.   margin: 0 15px 15px 0 /* Place le texte à droite de l'image*/
  12. }
  13. plat_trex_a.jpg{
  14.   winth: auto;
  15.   height: auto;
  16.   margin: 10px 0 0 210px
  17. }


 
5- La dernière classe CSS ne veut rien dire, tu lui demandes de mettre en forme l'élément HTML "plat_trex_a" mais cette balise n'existe pas !
6- Tu as oublié des points-virgules dans ton CSS.


Citation :


Merci pour ta réponse.
J'avais oublié la balise code ... les vacances ont fait du bien pour certaines choses, mais pas pour d'autres.
J'ai viré la dernière classe CSS, je ne me souviens plus comment elle a atterri là ... c'est trop lointain.
Je vais revérifier tout mon code; je ne sais pas encore interpréter JSFiddle, il y a certainement des tutos à regarder.
Pour le mélange CSS, HTML, oui, j'en suis conscient, notamment pour le titre, mais si je supprime l'un ou l'autre, je n'obtiens pas le résultat escompté ... et là, je sèche, je ne trouve pas pourquoi.
Un héritage d'une autre balise ? ???
On va regarder tout ça.


n°2427699
MaybeEijOr​Not
but someone at least
Posté le 01-10-2022 à 14:27:32  profilanswer
 

Pour commencer, dans la page HTML, sur la 3ème ligne tu as :

Code :
  1. <div id="top"></div><!--<a href="#top">Retour en Haut de la page</a>-->


Cela n'a pas sa place dans le "head" du HTML donc faut l'enlever.
 
Mais sinon, en enlevant le CSS dans le "head" de ta page HTML :

Code :
  1. <style>
  2. h1 { color:#f5e627;text-align: center; text-shadow: 6px 6px grey;}
  3. </style>


Et en enlevant le HTML dans la feuille CSS cela fonctionne.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2427702
Harmo88
Il n\\
Posté le 01-10-2022 à 17:33:09  profilanswer
 

MaybeEijOrNot a écrit :

Pour commencer, dans la page HTML, sur la 3ème ligne tu as :

Code :
  1. <div id="top"></div><!--<a href="#top">Retour en Haut de la page</a>-->


Cela n'a pas sa place dans le "head" du HTML donc faut l'enlever.
 
Mais sinon, en enlevant le CSS dans le "head" de ta page HTML :

Code :
  1. <style>
  2. h1 { color:#f5e627;text-align: center; text-shadow: 6px 6px grey;}
  3. </style>


Et en enlevant le HTML dans la feuille CSS cela fonctionne.


[quotemsg]Voilà ce que j'obtiens ....
Je n'arrive pas à mettre ma page en bleu avec le CSS.
Le titre h1 n'est pas en jaune, et pas centré.
Chaque <li> de la liste est sur deux lignes, dans la 2e colonne; si j'augmente  

Code :
  1. column-gap: 20px;

dans "JSFiddle", ça ne change pas l'espace entre les colonnes, alors qu'avec Notepad++ ça change l'espace.
 
https://jsfiddle.net/tgqxmo51/
 
Pour la couleur de la page, on utilise bien "background-color:#couleur;". Si je mets ça dans CSS, la page ne se colore pas ...
Quoi mettre dans HTML, pour que cela soit pris en compte ?
 
Un site donne, pour CSS

Code :
  1. .page {background-color: #b2a8f6;}


Et dans HTML

Code :
  1. <div class="page">


ça ne fonctionne pas, ou alors je ne sais pas où le mettre.
Je continue à chercher, mais je ne comprends pas.


Message édité par Harmo88 le 01-10-2022 à 17:35:50
n°2427706
MaybeEijOr​Not
but someone at least
Posté le 01-10-2022 à 17:58:44  profilanswer
 

Sur le JSFiddle, dans le CSS tu as laissé au début "code:", si tu l'enlèves ça fonctionne.
 
Pour mettre une couleur de fond, il faut appliquer la règle "background-color" à l'élément "body". Tu as bien une balise de fermeture mais pas la balise ouvrante de "body", elle se place après la balise de fermeture du "head".
 
Attention tu as 2 balises ouvrantes "html" au début du JSFiddle, essaye de regarder ce que je JSFiddle te surligne ou te souligne, tu as pas mal d'erreurs mises en évidence.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2427709
Harmo88
Il n\\
Posté le 01-10-2022 à 18:41:06  profilanswer
 

MaybeEijOrNot a écrit :

Sur le JSFiddle, dans le CSS tu as laissé au début "code:", si tu l'enlèves ça fonctionne.
 
Pour mettre une couleur de fond, il faut appliquer la règle "background-color" à l'élément "body". Tu as bien une balise de fermeture mais pas la balise ouvrante de "body", elle se place après la balise de fermeture du "head".
 
Attention tu as 2 balises ouvrantes "html" au début du JSFiddle, essaye de regarder ce que je JSFiddle te surligne ou te souligne, tu as pas mal d'erreurs mises en évidence.


Citation :

En copiant-collant le code de Notepad++ à JSFiddle, il y a des différences ... je ne sais pas à quoi c'est du; je viens de m'en apercevoir en travaillant sur une copie de ma page,
à laquelle je viens d'apporter les dernières modifs et ça fonctionnait bien avec Notepad après avoir retiré code: dans le CSS.
OK, c'est bon, ma page a l'aspect voulu; ça m'a fait découvrir le fichier CSS que je n'avais pas encore utilisé, et les listes sur plusieurs colonnes.
Le redémarrage est un peu ardu, je devais m'y attendre ...
Merci à toi.  :jap:

 

n°2427726
gatsu35
Blablaté par Harko
Posté le 01-10-2022 à 21:19:28  profilanswer
 

Harmo88 a écrit :


Citation :

En copiant-collant le code de Notepad++ à JSFiddle, il y a des différences ... je ne sais pas à quoi c'est du; je viens de m'en apercevoir en travaillant sur une copie de ma page,
à laquelle je viens d'apporter les dernières modifs et ça fonctionnait bien avec Notepad après avoir retiré code: dans le CSS.
OK, c'est bon, ma page a l'aspect voulu; ça m'a fait découvrir le fichier CSS que je n'avais pas encore utilisé, et les listes sur plusieurs colonnes.
Le redémarrage est un peu ardu, je devais m'y attendre ...
Merci à toi.  :jap:

 


A chaque fois que tu réponds, tu mets ton message dans un bloc 'quote'
 
Essaie juste de ne pas mettre ce bloc et d'écrire simplement. Ca permettra une meilleure lisibilité pour nous.


---------------
Blablaté par Harko
n°2427765
Harmo88
Il n\\
Posté le 02-10-2022 à 20:30:53  profilanswer
 

Harmo88 a écrit :


Citation :

En copiant-collant le code de Notepad++ à JSFiddle, il y a des différences ... je ne sais pas à quoi c'est du; je viens de m'en apercevoir en travaillant sur une copie de ma page,
à laquelle je viens d'apporter les dernières modifs et ça fonctionnait bien avec Notepad après avoir retiré code: dans le CSS.
OK, c'est bon, ma page a l'aspect voulu; ça m'a fait découvrir le fichier CSS que je n'avais pas encore utilisé, et les listes sur plusieurs colonnes.
Le redémarrage est un peu ardu, je devais m'y attendre ...
Merci à toi.  :jap:

 


Citation :

:hello:  Je voulais répondre à MaybeEijOrNot, et je me suis retrouvé en citation ? J'ai du encore m.... C'est la reprise  :D  
J'ai une question:
A partir d'une page, je veux consulter un site avec le code:

Code :
  1. <a href="https://www.lesite.com" target="_blank"> Le site</a>


J'ai testé ça fonctionne, je reviens sur ma page, en fermant le site consulté.
 
J'ai vu sur un site que ça peut occasionner un problème en HTML1 ou en W3C ...
Ce site conseille l'utilisation du javascript:

Code :
  1. <a href="https://www.lesite.com" onclick="window.open(this.href); return false"> Le site</a>


Qu'en pensez-vous ? Vous connaissez mieux le sujet que moi ...
HTML ou javascript ?


Message édité par Harmo88 le 02-10-2022 à 20:31:30
n°2427766
MaybeEijOr​Not
but someone at least
Posté le 02-10-2022 à 21:11:17  profilanswer
 

Tu déclares de l'HTML5 pas du 1 donc on s'en fout de HTML1.
Surtout pas de Javascript quand le HTML permet de faire pareil.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2427770
yann39
⛅⏰♫♪☹☕
Posté le 02-10-2022 à 22:23:13  profilanswer
 

Ah le fameux target="_blank", il a longtemps fait polémique dans la communauté et continue de créer des débats :D
 
Certains considèrent qu'on doit laisser le choix à l'utilisateur (ouvrir le lien dans une nouvelle page ou non), certains considèrent que sémantiquement cela devrait effectivement être fait via Javascript (cela n'est pas lié au contenu HTML), d'autres pensent qu'on devrait distinguer les liens externes des liens internes (d'ailleurs ça se fait souvent via des icônes à côté des liens), etc.
 
Mais dans ton cas t'embêtes pas et gardes simplement target="_blank".
Et le problème auquel tu fais référence c'était pour XHTML 1.0 Strict, pas HTML1 qui n'a jamais existé en tant que tel ^^
 
Aussi à savoir que cela ouvrira une nouvelle page à chaque clic sur le lien, si tu souhaites que cela s'ouvre toujours dans la même page, utilises target="identifiant_unique" (remplace identifiant_unique par ce que tu veux).
 
Et surtout n'oublies pas d'ajouter aussi rel="noopener noreferrer" pour éviter les vulnérabilités (noopener indique au navigateur de naviguer vers la nouvelle page sans accorder l'accès à la page qui l'a ouvert, noreferrer empêche le navigateur d'envoyer à la page parente une valeur trompeuse dans l'en-tête HTTP "referer" ).
 


---------------
Topic achats/ventes | Feed-back | Worklog
n°2427774
Harmo88
Il n\\
Posté le 02-10-2022 à 22:50:20  profilanswer
 

MaybeEijOrNot a écrit :

Tu déclares de l'HTML5 pas du 1 donc on s'en fout de HTML1.
Surtout pas de Javascript quand le HTML permet de faire pareil.


Citation :

Ok, je prends note; n'ayant pas assez de pratique, je préférais demander.

n°2427775
Harmo88
Il n\\
Posté le 02-10-2022 à 22:59:32  profilanswer
 

yann39 a écrit :

Ah le fameux target="_blank", il a longtemps fait polémique dans la communauté et continue de créer des débats :D
 
Certains considèrent qu'on doit laisser le choix à l'utilisateur (ouvrir le lien dans une nouvelle page ou non), certains considèrent que sémantiquement cela devrait effectivement être fait via Javascript (cela n'est pas lié au contenu HTML), d'autres pensent qu'on devrait distinguer les liens externes des liens internes (d'ailleurs ça se fait souvent via des icônes à côté des liens), etc.
 
Mais dans ton cas t'embêtes pas et gardes simplement target="_blank".
Et le problème auquel tu fais référence c'était pour XHTML 1.0 Strict, pas HTML1 qui n'a jamais existé en tant que tel ^^
 
Aussi à savoir que cela ouvrira une nouvelle page à chaque clic sur le lien, si tu souhaites que cela s'ouvre toujours dans la même page, utilises target="identifiant_unique" (remplace identifiant_unique par ce que tu veux).
 
Et surtout n'oublies pas d'ajouter aussi rel="noopener noreferrer" pour éviter les vulnérabilités (noopener indique au navigateur de naviguer vers la nouvelle page sans accorder l'accès à la page qui l'a ouvert, noreferrer empêche le navigateur d'envoyer à la page parente une valeur trompeuse dans l'en-tête HTTP "referer" ).
 


Citation :

Il y a des sites qui ajoutent automatiquement ces deux instructions; on peut vérifier depuis la page de lancement ... je regarderai ça.
Pas simple, la réalisation de sites Web ... c'est pire que l'assembleur dans les années 70  :lol:  
Merci pour ta réponse.

mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  8  9  10  ..  16  17  18  19  20  21

Aller à :
Ajouter une réponse
 

Sujets relatifs
Signature e-mail en HTML adaptative mode clair/sombre ?Exercice html, php, mysql, javascript
hébergement de page htmlresponsive scroll pas quand je glisse l'image
Probleme d'edition d'image dans DjangoEnvoi image sur blog impossible
Aligner le background au milieu de l'imageun problème de lien php dans le html
Affichage d'une image en infobulle au survol d'un lien (hover)HTML Select et OnClick() ne fonctionne pas sur Safari
Plus de sujets relatifs à : Insertion image en html depuis mon ordi


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR