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

 


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

Insertion image en html depuis mon ordi

n°2413932
Harmo88
Il n\\
Posté le 03-04-2022 à 19:00:19  profilanswer
 

Reprise du message précédent :

MaybeEijOrNot a écrit :

Je n'ai pas eu le temps de tout regarder, juste pour ton dernier message, il faut revenir aux bases.
Si tes divisions (évite le mot fenêtre qui a une autre signification) s'encastrent c'est parce que dans le code tu les as imbriquées. Il faut fermer ta balise div avant d'en ouvrir une autre. ;)


 

Citation :

Ha !!! Ben, celle-là, fallait pas la louper .......... hé ben ..... je l'ai loupée  :lol:  :D Le petit rien qui fait que ça ne fonctionne pas.
Vraiment une erreur de débutant  :( Je l'avais pourtant placée (plutôt l'éditeur); j'ai du l'effacer par mégarde en modifiant du texte ...
Je vais essayer de ne pas la refaire ...  :hello:

mood
Publicité
Posté le 03-04-2022 à 19:00:19  profilanswer
 

n°2413946
Harmo88
Il n\\
Posté le 03-04-2022 à 20:59:04  profilanswer
 

Citation :

J'attaque les caractères spéciaux, pour mon document.
&#x25B3 pour un triangle vide, pointe en haut.
&#x25BD ...........................  pointe en bas.
🔺 pour un triangle rouge pointe en haut.
🔻 .............................  pointe en bas.
  espace insécable.
  pour un espace supplémentaire.

n°2413969
Harmo88
Il n\\
Posté le 04-04-2022 à 09:28:15  profilanswer
 

Citation :

Bonjour,
Dans une colonne d'une div, j'aimerais insérer un tableau (si c'est la meilleure solution ...).
Ce tableau devrait comporter deux colonnes de largeur inégale (à gauche un N°, à droite du texte).
Et 17 lignes qui peuvent être inégales en hauteur.
Séparer les lignes avec <hr> est long, et pas très esthétique; le tableau semble être une solution (plus compliquée).

n°2413971
Harmo88
Il n\\
Posté le 04-04-2022 à 10:04:50  profilanswer
 

Citation :

En HTML, j'ai trouvé ça:
<table>
    <caption>PROGRAMMES TENS : P1 à P16</caption>
          <tr>
               <th>N°</th>
               <th>Texte</th>
          </tr>
    <tbody>
          <tr>
               <td>P 01</td>
               <td>Texte</td>
         </tr>
     </tbody>
</table>
A renouveler sur 16 lignes ....
Je ne vois pas l'équivalent en CSS


Message édité par Harmo88 le 04-04-2022 à 10:09:04
n°2413973
gatsu35
Blablaté par Harko
Posté le 04-04-2022 à 10:20:46  profilanswer
 

la ligne de titre tu l'englobe avec thead (ça marche comme tbody) (le caption est juste avant)
 
Dans un tableau tu as 3 groupes de TR :  
Thead, Tbody, Tfoot.


---------------
Blablaté par Harko
n°2413976
MaybeEijOr​Not
but someone at least
Posté le 04-04-2022 à 11:19:09  profilanswer
 

La question à se poser c'est est-ce sémantiquement un tableau dont tu as besoin ?
Car si c'est juste pour tracer des lignes ou des bordures, il existe en CSS les grilles (display: grid) qui sont plutôt faciles d'usage.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2413979
gatsu35
Blablaté par Harko
Posté le 04-04-2022 à 11:23:58  profilanswer
 

Tout dépendra du contenu,  
Si on regarde déjà son exemple, ça sent clairement une liste qui tiendra plus dans un tableau que dans une liste.


---------------
Blablaté par Harko
n°2413980
Harmo88
Il n\\
Posté le 04-04-2022 à 11:46:40  profilanswer
 

MaybeEijOrNot a écrit :

La question à se poser c'est est-ce sémantiquement un tableau dont tu as besoin ?
Car si c'est juste pour tracer des lignes ou des bordures, il existe en CSS les grilles (display: grid) qui sont plutôt faciles d'usage.


 

Citation :

Apparemment, ce que je voulais faire avec un tableau inséré dans une div ne convient pas .... les colonnes se mettent à côté les unes des autres, au lieu de continuer par le bas.
En plus, çà me met la pagaille dans ce qui était correct avant ce tableau. Donc j'abandonne cette méthode. Il est plus facile de créer un tableau sur Word  :lol:  
Ou alors, il faudrait placer le tableau en dehors de la div. Je découvre ...
Je vais regarder la méthode que tu m'indiques;
Pour me stimuler, j'écoute de la musique tahitienne, j'adore. Ça ensoleille le HTML  :lol:  
 
Ce que je veux obtenir ressemble à çà:
 
Programmes TENS: P1 à P16 (titre du tableau ... facultatif, je peux le mettre dans <h4 par exemple)
 
P01   Mode TENS classique
       Idéal pour traiter la plupart des douleurs aiguës et chroniques. Effet "Gate control"
 
P02   Tens burst (mode "rafale" ) à basse fréquence
        Libération d'endorphines. Soulagement des douleurs diffuses des bras, des jambes, des pieds.
        Soulagement des douleurs musculaires profondes, sciatiques, arthrose du genou.
 
Sur 16 lignes.
 
Ou alors, je me contente de griser ce qui est en italic pour séparer les "titres" du texte ... pour une meilleure visibilité. Je n'ai pas encore appliqué, mais ça doit être faisable.
En visualisant ce post,je m'aperçois que tout le texte est passé en italic. Les balises sont mal placées ?

n°2413981
Harmo88
Il n\\
Posté le 04-04-2022 à 11:59:29  profilanswer
 

gatsu35 a écrit :

la ligne de titre tu l'englobe avec thead (ça marche comme tbody) (le caption est juste avant)
 
Dans un tableau tu as 3 groupes de TR :  
Thead, Tbody, Tfoot.


 

Citation :

 :hello:  Pris dans mes délires, je n'avais pas vu ton message.
J'avais vu ça sur Openclass, je crois; ça m'a paru un peu compliqué. Cependant il faudra bien que je passe par là ... tôt ou tard. Vous m'avez filé le virus du HTML  :lol:  
En débutant, ça n'est pas évident de bien gérer une page, quand on ne connait pas encore tous les éléments, ainsi que les attributs, et toutes les possibilités qu'offrent le HTML et le CSS.
Les résultats qu'on obtient sont parfois déroutants; il faut rechercher la cause, ça me prend encore du temps.
Merci pour ton passage.


n°2414130
Harmo88
Il n\\
Posté le 05-04-2022 à 13:37:23  profilanswer
 

[qoutemsg]  Bonjour, après bien des essais, je n'obtiens pas ce que je souhaite ...
Code:
.wrapper {
  display: grid;
  grid-template-columns: repeat(2);
  grid-gap: 5px;
  grid-auto-rows: minmax(20px, auto);
  color: blue;
.1 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}

 

Et j'obtiens :
P01
Mode TENS classique.
Idéal pour traiter la plupart des douleurs aigües et chroniques. Effet "Gate control".

 


Je voudrais que la largeur de P01 soit plus petite (et suffisante), et que le texte soit dans une autre colonne, à droite de P01.
Je dois renouveler ça 16 fois, à la suite, ou jusqu'à P08, et de P08 à P16, décalé à droite des premières colonnes.
Je ne sais pas si c'est très compréhensible ...

 

En gros [P01 à P08]                               [P09à P16]
           [P01] [Texte]                            [P09] [Texte]
           [P02] [Texte] Jusqu'à P08            [P10] [Texte] jusqu'à P16

 

Pas facile la gestion des grilles ... je me perds dans tous les attributs.[/quotemsg]


Message édité par Harmo88 le 05-04-2022 à 13:38:58
mood
Publicité
Posté le 05-04-2022 à 13:37:23  profilanswer
 

n°2414131
gatsu35
Blablaté par Harko
Posté le 05-04-2022 à 13:49:13  profilanswer
 

Comme ceci : https://codepen.io/arnogues/pen/RwxQPOK ?


---------------
Blablaté par Harko
n°2414147
Harmo88
Il n\\
Posté le 05-04-2022 à 16:22:10  profilanswer
 


 

Citation :

 :hello: Ça a l'air intéressant. J'ai peut-être mal exprimé mon souhait. Il faut incrémenter le "titre" P01,  de 1:
P01, P02, P03, P04, ............... jusqu'à P16, et dans la colonne en face le texte qui correspond.
Je pense que je dois pouvoir m'en sortir, à l'aide de ton codage.
 
P01, jusqu'à P16 correspondent à un N° de programmes, pré-programmés, d'un électro-stimulateur (selon le type de signal délivré par l'appareil).
Le texte en face chaque N° explique à quel traitement cela correspond.
Merci pour ta réponse.


n°2414149
gatsu35
Blablaté par Harko
Posté le 05-04-2022 à 16:24:17  profilanswer
 

Harmo88 a écrit :

 
Citation :

 :hello: Ça a l'air intéressant. J'ai peut-être mal exprimé mon souhait. Il faut incrémenter le "titre" P01,  de 1:
P01, P02, P03, P04, ............... jusqu'à P16, et dans la colonne en face le texte qui correspond.
Je pense que je dois pouvoir m'en sortir, à l'aide de ton codage.

 

P01, jusqu'à P16 correspondent à un N° de programmes, pré-programmés, d'un électro-stimulateur (selon le type de signal délivré par l'appareil).
Le texte en face chaque N° explique à quel traitement cela correspond.
Merci pour ta réponse.




Je viens de mettre à jour le code : https://codepen.io/arnogues/pen/RwxQPOK

 

Le li::before est un pseudo-élément, il agit comme un élément HTML placé à l'intérieur du LI au début du LI, ainsi on peut faire ce que tu souhaites.

 
Code :
  1. <ul class="test">
  2.    <li>
  3.      <div>texte</div>
  4.   </li>
  5.    <li>
  6.      <div>texte</div>
  7.   </li>
  8.   <li>
  9.      <div>texte</div>
  10.   </li>
  11.    <li>
  12.      <div>texte</div>
  13.   </li>
  14.   <li>
  15.      <div>texte</div>
  16.   </li>
  17.    <li>
  18.      <div>texte</div>
  19.   </li>
  20.   <li>
  21.      <div>texte</div>
  22.   </li>
  23.    <li>
  24.      <div>texte</div>
  25.   </li>
  26.   <li>
  27.      <div>texte</div>
  28.   </li>
  29. </ul>
 
Code :
  1. .test {
  2.   columns:2;
  3. }
  4. .test li {
  5.   display:table-row;
  6.   counter-increment: section;
  7. }
  8. .test li::before {
  9.   content: "P"counters(section, "", decimal-leading-zero);
  10.   display:table-cell; 
  11.   min-width:40px;
  12. }
  13. .test li::before .test li div {
  14.   display:table-cell;
  15. }


Message édité par gatsu35 le 05-04-2022 à 16:32:05

---------------
Blablaté par Harko
n°2414166
Harmo88
Il n\\
Posté le 05-04-2022 à 18:19:34  profilanswer
 

Je viens de mettre à jour le code : https://codepen.io/arnogues/pen/RwxQPOK
 
Le li::before est un pseudo-élément, il agit comme un élément HTML placé à l'intérieur du LI au début du LI, ainsi on peut faire ce que tu souhaites.  
 

Code :
  1. <ul class="test">
  2.    <li>
  3.      <div>texte</div>
  4.   </li>
  5.    <li>
  6.      <div>texte</div>
  7.   </li>
  8.   <li>
  9.      <div>texte</div>
  10.   </li>
  11.    <li>
  12.      <div>texte</div>
  13.   </li>
  14.   <li>
  15.      <div>texte</div>
  16.   </li>
  17.    <li>
  18.      <div>texte</div>
  19.   </li>
  20.   <li>
  21.      <div>texte</div>
  22.   </li>
  23.    <li>
  24.      <div>texte</div>
  25.   </li>
  26.   <li>
  27.      <div>texte</div>
  28.   </li>
  29. </ul>


 

Code :
  1. .test {
  2.   columns:2;
  3. }
  4. .test li {
  5.   display:table-row;
  6.   counter-increment: section;
  7. }
  8. .test li::before {
  9.   content: "P"counters(section, "", decimal-leading-zero);
  10.   display:table-cell; 
  11.   min-width:40px;
  12. }
  13. .test li::before .test li div {
  14.   display:table-cell;
  15. }

[/quotemsg]

Citation :

C'est impeccable, jusqu'à P09 .... il faut que ça continue, jusqu'à P16. Dans les div, il suffit que j'en rajoute 7.
Dans le CSS, qu'est-ce qui détermine le nombre de "P..." à afficher? je ne vois pas ... J'ai raté quelque chose ?
Merci pour ta réponse; il va falloir que j'étudie tous ces éléments, et ces attributs ... il y a du pain sur la planche  :lol:


n°2414169
gatsu35
Blablaté par Harko
Posté le 05-04-2022 à 18:39:33  profilanswer
 

Citation :

C'est impeccable, jusqu'à P09 .... il faut que ça continue, jusqu'à P16. Dans les div, il suffit que j'en rajoute 7.
Dans le CSS, qu'est-ce qui détermine le nombre de "P..." à afficher? je ne vois pas ... J'ai raté quelque chose ?
Merci pour ta réponse; il va falloir que j'étudie tous ces éléments, et ces attributs ... il y a du pain sur la planche  :lol:


 
Ben le nombre de <li> définira le comptage des P
il n'y a rien à faire, demain tu as 20 P, alors tu en auras 10 à gauche et 10 à droite.
 
C'est l'idée de la CSS, avoir un HTML sémantique, simple, et la CSS fait le boulot.
 
tu peux aussi remplacer <ul> par <ol>, ainsi par défaut il numérotera si tu n'as pas de CSS.


---------------
Blablaté par Harko
n°2414171
MaybeEijOr​Not
but someone at least
Posté le 05-04-2022 à 19:11:51  profilanswer
 

Oui intéressants ces compteurs CSS [counters(section, "", decimal-leading-zero)], je ne connaissais pas.


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

Citation :

Effectivement, j'ai manqué quelque chose; quand il n'y a pas de réponse à une question, il faut s'en poser une :
-Qu'est-ce que j'ai raté ?
Par contre, je ne comprends pas comment ça fonctionne ... Je vais éplucher ça, ça m'interpelle.

 

Je viens de lire ta réponse; en éditant, je me suis aperçu qu'effectivement, la liste s'allongeait au fur et à mesure que j'ajoutais des div. Je n'avais pas fait attention
à counter ... Là, je dis bravo, vous êtes bons, les gars.


Message édité par Harmo88 le 05-04-2022 à 19:20:22
n°2414173
Harmo88
Il n\\
Posté le 05-04-2022 à 20:34:05  profilanswer
 

Citation :

Terminé pour cette partie; c'est exactement ce que je souhaitais. j'en ai une autre à éditer, elle ressemble à celle-ci, ça devrait être du gâteau. Ça part de P17 à P32, mais pour un autre mode.
J'aurai juste à modifier decimal-leading-zero, pour decimal-leading-dix(-(?) sept afin de démarrer à P17.
Merci encore.

Message cité 2 fois
Message édité par Harmo88 le 05-04-2022 à 20:39:22
n°2414174
MaybeEijOr​Not
but someone at least
Posté le 05-04-2022 à 20:49:07  profilanswer
 

Harmo88 a écrit :

Terminé pour cette partie; c'est exactement ce que je souhaitais. j'en ai une autre à éditer, elle ressemble à celle-ci, ça devrait être du gâteau. Ça part de P17 à P32, mais pour un autre mode.
J'aurai juste à modifier decimal-leading-zero, pour decimal-leading-dix(-(?) sept afin de démarrer à P17.  
Merci encore.


Non, cette partie là c'est pour la mise en forme de l'affichage du compteur (01 au lieu de 1).
Un peu de lecture mais c'est sûr que là tu attaques une partie plus avancée du CSS : https://developer.mozilla.org/fr/do [...] S_counters
 :hello:


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2414176
gatsu35
Blablaté par Harko
Posté le 05-04-2022 à 21:18:29  profilanswer
 

Harmo88 a écrit :

Citation :

Terminé pour cette partie; c'est exactement ce que je souhaitais. j'en ai une autre à éditer, elle ressemble à celle-ci, ça devrait être du gâteau. Ça part de P17 à P32, mais pour un autre mode.
J'aurai juste à modifier decimal-leading-zero, pour decimal-leading-dix(-(?) sept afin de démarrer à P17.  
Merci encore.



Ah du coup tu as une autre liste qui part à partir de P17
 
Attends :  
Sur le premier LI de ta liste, tu as juste à mettre :  
<li style="counter-set: section 17;">
 
Voilà, tu changes ensuite le numéro et hop magie


---------------
Blablaté par Harko
n°2414177
Harmo88
Il n\\
Posté le 05-04-2022 à 21:33:09  profilanswer
 

Ah du coup tu as une autre liste qui part à partir de P17
 
Attends :  
Sur le premier LI de ta liste, tu as juste à mettre :  
<li style="counter-set: section 17;">
 
Voilà, tu changes ensuite le numéro et hop magie[/quotemsg]

Citation :

Ah! si ça marche, c'est formidable  :jap: C'est ce que je veux faire.
Je me souviens qu'en basic on utilisait une boucle qui ressemblait à ça;
For A= 1 to 10
  A= A+1 (ou plus ce qu'on veut ...)
Next A
Ça date d'un demi siècle ... j'espère ne pas me tromper. On pouvait commencer avec For A= 15 to 20. On pouvait aussi imbriquer plusieurs boucles.
Je ne me souviens pas de toutes les applications possibles ... après, je suis passé à l'assembleur, pour mon boulot.
C'est loin tout ça  :lol:  
Merci pour ta réponse, je regarderai ça demain; assez pour aujourd'hui ...

Message cité 1 fois
Message édité par Harmo88 le 05-04-2022 à 21:42:10
n°2414214
Harmo88
Il n\\
Posté le 06-04-2022 à 10:47:05  profilanswer
 

Harmo88 a écrit :

Ah du coup tu as une autre liste qui part à partir de P17
 
Attends :  
Sur le premier LI de ta liste, tu as juste à mettre :  
<li style="counter-set: section 17;">
 
Voilà, tu changes ensuite le numéro et hop magie


Citation :

Ah! si ça marche, c'est formidable  :jap: C'est ce que je veux faire.
Je me souviens qu'en basic on utilisait une boucle qui ressemblait à ça;
For A= 1 to 10
  A= A+1 (ou plus ce qu'on veut ...)
Next A
Ça date d'un demi siècle ... j'espère ne pas me tromper. On pouvait commencer avec For A= 15 to 20. On pouvait aussi imbriquer plusieurs boucles.
Je ne me souviens pas de toutes les applications possibles ... après, je suis passé à l'assembleur, pour mon boulot.
C'est loin tout ça  :lol:  
Merci pour ta réponse, je regarderai ça demain; assez pour aujourd'hui ...

[/quotemsg]
 
[quotemsg> :hello: Ça  marche du tonnerre !! Impeccable ! Merci à vous; à plusieurs, même à distance, on fait de belles choses.[/quotemsg]

n°2414234
gatsu35
Blablaté par Harko
Posté le 06-04-2022 à 12:37:25  profilanswer
 

la CSS C'est plutôt appliquer des règles à des boites (html)
Et tu dis aux boites comment elles doivent se comporter.
il suffit de faire la différence de base entre une boite en bloc et une en ligne (display)
Et ensuite roulez jeunesse.
 
Par exemple un tableau en HTML, c'est juste une boite ou on lui dit : display:table
Et un TR c'est une boite ou on lui dit display:table-row.
 
Du coup je pourrais refaire un tableau avec que des divs en leur mettre des display table, table-row, table-cell. et yolo.


---------------
Blablaté par Harko
n°2414292
Harmo88
Il n\\
Posté le 06-04-2022 à 21:02:15  profilanswer
 

gatsu35 a écrit :

la CSS C'est plutôt appliquer des règles à des boites (html)
Et tu dis aux boites comment elles doivent se comporter.
il suffit de faire la différence de base entre une boite en bloc et une en ligne (display)
Et ensuite roulez jeunesse.
 
Par exemple un tableau en HTML, c'est juste une boite ou on lui dit : display:table
Et un TR c'est une boite ou on lui dit display:table-row.
 
Du coup je pourrais refaire un tableau avec que des divs en leur mettre des display table, table-row, table-cell. et yolo.


 

Citation :

J'aime bien l'expression "roulez jeunesse"; pour moi, c'est plutôt "roulez vieillesse"  :lol: vu mon âge.
La preuve, je trouve deux puces rondes, qui se baladent, malgré <ul class="test"> qui, je suppose est là pour ne pas afficher les puces ???
En tout cas dans les listes il n'y avait pas de puce, alors, pourquoi ces deux-là se sont-elles "invitées" ?  
Est-il possible qu'une certaine combinaison de touches affiche des puces (en faute de frappe ?), parce que dans mon code je ne vois rien qui les affiche ?
Je ne sais plus ce que j'ai fait, les puces ont disparu, mais j'ai un sacré cirque dans l'affichage, comme si il y avait eu un coup de vent ...
Plus qu'à trouver la cause de ce coup de vent .... C'est ça la vieillesse, on fait des co.......  :cry:  
 
J'avoue que le gestion des boîtes me pose problème; je suis allé un peu vite, parce que je voulais finir ce document; je vais ralentir un peu
et mieux décortiquer ces boîtes, on les retrouve souvent. Il faut donc bien les maîtriser.
D'un autre côté, apprendre en effectuant un exemple, c'est bien aussi. Si je ne mets pas en pratique ce que j'apprends en théorie, je ne retiens pas bien ...
Qualité ou défaut ? Je pense plutôt défaut ... mais je fonctionne comme ça.

n°2414293
gatsu35
Blablaté par Harko
Posté le 06-04-2022 à 21:20:22  profilanswer
 

Harmo88 a écrit :


 

Citation :

J'aime bien l'expression "roulez jeunesse"; pour moi, c'est plutôt "roulez vieillesse"  :lol: vu mon âge.
La preuve, je trouve deux puces rondes, qui se baladent, malgré <ul class="test"> qui, je suppose est là pour ne pas afficher les puces ???
En tout cas dans les listes il n'y avait pas de puce, alors, pourquoi ces deux-là se sont-elles "invitées" ?  
Est-il possible qu'une certaine combinaison de touches affiche des puces (en faute de frappe ?), parce que dans mon code je ne vois rien qui les affiche ?
Je ne sais plus ce que j'ai fait, les puces ont disparu, mais j'ai un sacré cirque dans l'affichage, comme si il y avait eu un coup de vent ...
Plus qu'à trouver la cause de ce coup de vent .... C'est ça la vieillesse, on fait des co.......  :cry:  
 
J'avoue que le gestion des boîtes me pose problème; je suis allé un peu vite, parce que je voulais finir ce document; je vais ralentir un peu
et mieux décortiquer ces boîtes, on les retrouve souvent. Il faut donc bien les maîtriser.
D'un autre côté, apprendre en effectuant un exemple, c'est bien aussi. Si je ne mets pas en pratique ce que j'apprends en théorie, je ne retiens pas bien ...
Qualité ou défaut ? Je pense plutôt défaut ... mais je fonctionne comme ça.



nope, le ul par défaut a des puces.
Pour enlever des puces dans le .test {}, tu fais :  
 
.test {
   list-style:none;  
   margin:0;
}
.test li {
  padding:0;
}
 
Margin ce sont les marges extérieures
padding ce sont les marges intérieurs, par défault il y a des marges sur les ul et LI.


---------------
Blablaté par Harko
n°2414310
Harmo88
Il n\\
Posté le 07-04-2022 à 09:37:43  profilanswer
 

nope, le ul par défaut a des puces.
Pour enlever des puces dans le .test {}, tu fais :  
 
.test {
   list-style:none;  
   margin:0;
}
.test li {
  padding:0;
}
 
Margin ce sont les marges extérieures
padding ce sont les marges intérieurs, par défault il y a des marges sur les ul et LI.
[/quotemsg]

Citation :

Bonjour,
 Ben oui, u l ou ol ont des puces pour ul, et des N° pour ol; ce qui m'a étonné, c'est que j'aurais du avoir 21 puces ... mais il y en avait seulement 2, et pas en début de ligne.
Est-ce que j'ai mal codé quelle que part ? Possible ... Je vais vérifier et je vais corriger .test } selon tes indications. Il faut d'abord que je remette de l'ordre dans mon code, pour retrouver l'affichage
de la page du début.


n°2414311
Harmo88
Il n\\
Posté le 07-04-2022 à 09:47:50  profilanswer
 

nope, le ul par défaut a des puces.
Pour enlever des puces dans le .test {}, tu fais :  
 
.test {
   list-style:none;  
   margin:0;
}
.test li {
  padding:0;
}
 
Margin ce sont les marges extérieures
padding ce sont les marges intérieurs, par défault il y a des marges sur les ul et LI.
[/quotemsg]

Citation :

Bonjour,
Oui, ul affiche des puces (de différentes) formes, et ol affiche des N° (liste ordonnée). J'aurais du avoir 21 puces, alors que seulement 2 étaient affichées, et pas en début de ligne.
J'ai peut-être mal codé quelque chose .... Je vais remettre la page dans son état originel, et modifier .test { selon tes indications.


n°2414319
Harmo88
Il n\\
Posté le 07-04-2022 à 10:44:31  profilanswer
 

Citation :

Ah ! les fautes d’inattention .... <ul class="text"> au lieu de  
<ul class="test">, ou un ; là où il n'est pas nécessaire ... au fond, les erreurs m'obligent à me reconcentrer, et trouver ses erreurs est finalement un bon exercice, l'idéal étant de ne pas en commettre.
Bon, ma page est revenue à son état initial; j'arrive bientôt à la fin de ce document.

n°2414324
gatsu35
Blablaté par Harko
Posté le 07-04-2022 à 11:22:27  profilanswer
 

change test par un autre nom, ça serait mieux hein :)


---------------
Blablaté par Harko
n°2414371
Harmo88
Il n\\
Posté le 07-04-2022 à 20:17:24  profilanswer
 

gatsu35 a écrit :

change test par un autre nom, ça serait mieux hein :)


Citation :

Ouais ... pest, par exemple  :lol: J'ai bien essayé "anticonstitutionnellement" mais c'est un peu long  :ange:  :hello:


 

n°2414846
Harmo88
Il n\\
Posté le 10-04-2022 à 23:44:13  profilanswer
 

Citation :

Je suis dans les petits dessins, pour afficher un écran LCD, avec les différents paramètres, et les réglages de l'appareil. Je fais ça avec GIMP qui donne de bons résultats. Mon document commence à prendre tournure, et les connaissances s'agrandissent. Salut à vous.

n°2414853
gatsu35
Blablaté par Harko
Posté le 11-04-2022 à 07:10:36  profilanswer
 

l'écran LCD je suis sûr qu'on pourrait le représenter en pur CSS. c'est facile.


---------------
Blablaté par Harko
n°2414881
Harmo88
Il n\\
Posté le 11-04-2022 à 10:14:55  profilanswer
 

gatsu35 a écrit :

l'écran LCD je suis sûr qu'on pourrait le représenter en pur CSS. c'est facile.


Citation :

:hello: Oui, j'ai commencé à regarder, mais j'ai choisi la facilité; il y a des cercles imbriqués, des triangles dans des cercles, certains colorés en noir,
d'autres pas, des chiffres, des rectangles ... pour ajuster la taille de tout ça, je ne me sentais pas encore assez "fort" pour le réaliser en CSS.  
Il y a une vingtaine de dessins à réaliser; certains ont des variantes par rapport à d'autres, il y a des vues en 3D ... des courbes...  
Je sais faire avec un logiciel de dessin, mais pas encore en CSS. Ça fera partie d'un autre exercice.
Merci de ta réponse.


n°2415004
Harmo88
Il n\\
Posté le 12-04-2022 à 11:46:33  profilanswer
 

gatsu35 a écrit :

l'écran LCD je suis sûr qu'on pourrait le représenter en pur CSS. c'est facile.


Citation :

 :hello: J'ai commencé à créer un cercle, ça n'est pas très difficile, mais pour le positionner là où il faut ... moins facile.
Alors, j'imagine que pour créer 20 dessins, et tout positionner, ça va me prendre du temps.
 
<style>
   #cercle {
     width: 40px;
     height: 40px;
     border-radius: 20px;
     background: black;
}
</style>
 
<body>
     <div id="cercle"></div>
</body>
Il est indiqué que border-radius doit toujours avoir pour valeur, la moitié de width et de height ...
 
Le "cercle" est beau, mais il me faudrait un cercle sans coloration à l'intérieur, un autre cercle imbriqué. Ensuite, en haut du 2e cercle il me faut
un trait vertical pour symboliser un interrupteur.  :pt1cable: et ça, c'est le plus simple à créer ...
Pour l'instant, je préfère positionner des dessins ou des photos; ça je sais faire et ça met moins de temps.
Après que j'aurai terminé mon document, je regarderai la gestion des blocs où j'ai encore des lacunes.

n°2415146
Harmo88
Il n\\
Posté le 13-04-2022 à 23:02:01  profilanswer
 

Citation :

Ma notice d'appareil est terminée; dans l'ensemble j'en suis très satisfait, et ça m' a beaucoup appris en thermes HTML et CSS. Je trouve que c'est bien de créer une page, plutôt que d'apprendre "bout" par "bout".
Au moins on voit ce qu'on fait, et cela oblige à trouver les bons éléments et les bons attributs. Bon, on va attaquer autre chose ... il y a tellement à faire, dans ce domaine.

n°2415148
gatsu35
Blablaté par Harko
Posté le 14-04-2022 à 07:40:16  profilanswer
 

Harmo88 a écrit :

Citation :

Ma notice d'appareil est terminée; dans l'ensemble j'en suis très satisfait, et ça m' a beaucoup appris en thermes HTML et CSS. Je trouve que c'est bien de créer une page, plutôt que d'apprendre "bout" par "bout".
Au moins on voit ce qu'on fait, et cela oblige à trouver les bons éléments et les bons attributs. Bon, on va attaquer autre chose ... il y a tellement à faire, dans ce domaine.



Quand tu postes un message tu le mets toujours dans une "citation", pas besoin :)
 
Sinon j'ai pas eu le temps de te répondre, mais quand tu veux placer un élément en px comme si tu utilisais des coordonnées tu as une solution simple : position:absolute.
Mais pour placer un élément en absolute, il faut qu'il soit contenu dans un autre (c'est mieux), donc on utilise pour cela un élément parent en position:relative.
 

Code :
  1. <div style="position:relative">
  2. <div style="position:absolute; left:20px; top:30px">
  3.   je bouge
  4. </div>
  5. </div>


---------------
Blablaté par Harko
n°2415152
Harmo88
Il n\\
Posté le 14-04-2022 à 09:36:36  profilanswer
 

Quand tu postes un message tu le mets toujours dans une "citation", pas besoin :)
 
Sinon j'ai pas eu le temps de te répondre, mais quand tu veux placer un élément en px comme si tu utilisais des coordonnées tu as une solution simple : position:absolute.
Mais pour placer un élément en absolute, il faut qu'il soit contenu dans un autre (c'est mieux), donc on utilise pour cela un élément parent en position:relative.
 

Code :
  1. <div style="position:relative">
  2. <div style="position:absolute; left:20px; top:30px">
  3.   je bouge
  4. </div>
  5. </div>

[/quotemsg]

Citation :

"Quand tu postes un message tu le mets toujours dans une "citation", pas besoin"   Non, pas toujours .... mais ça arrive ....
Éléments parents, enfants, position relative, absolue, je n'ai fait que survoler; je vais m'y intéresser de plus près.
Pas de problème pour le temps de réponse, c'est sympa de répondre, merci.


n°2415596
Harmo88
Il n\\
Posté le 22-04-2022 à 10:08:51  profilanswer
 

Harmo88 a écrit :

Quand tu postes un message tu le mets toujours dans une "citation", pas besoin :)
 
Sinon j'ai pas eu le temps de te répondre, mais quand tu veux placer un élément en px comme si tu utilisais des coordonnées tu as une solution simple : position:absolute.
Mais pour placer un élément en absolute, il faut qu'il soit contenu dans un autre (c'est mieux), donc on utilise pour cela un élément parent en position:relative.
 

Code :
  1. <div style="position:relative">
  2. <div style="position:absolute; left:20px; top:30px">
  3.   je bouge
  4. </div>
  5. </div>



Citation :

"Quand tu postes un message tu le mets toujours dans une "citation", pas besoin"   Non, pas toujours .... mais ça arrive ....
Éléments parents, enfants, position relative, absolue, je n'ai fait que survoler; je vais m'y intéresser de plus près.
Pas de problème pour le temps de réponse, c'est sympa de répondre, merci.


[/quotemsg]

Citation :

:hello: Pour la présentation d'une page, est-il préférable d'utiliser flexbox, ou grid ? Quel est le plus simple ?
Dans le code suivant (ex pris dans le bouquin), je devrais obtenir une direction verticale, pour le 2e liste (que je n'obtiens pas ...); les puces se trouvent à l'extérieur du conteneur (hors bordure) et ça prend toute la largeur de l'écran.
Est-ce que la 2e liste hérite du code de la 1ére ? Ou est-ce encore une erreur dans le livre (ça arrive souvent ...et ça me perturbe).
 
<style>
 
 
#cercle  {
 width: 15px; /*Varier widht ou height  décrit un hoblon en horizontal ou en vertical*/
 height: 15px;
 border-radius: 15px; /* 0px trace un carré*/
 background: black;
}
 
#moncercle {
  /*background: #bfd70e;*/
  border-radius: 50%; /*Avec "height" différent, trace une ellipse en forme "d'étiquette"*/
  width: 150px; /*Avec "height" de valeur égale, détermine le cercle; si différent trace une ellipse*/
  height: 150px;
  border: 2px solid black;
  }
 
.gris {
 background-color:#ccc;
 }
 
#conteneur-liste { display: flex;  
 flex-flow: column wrap;  
 widht: 150px;  
 height: 200px;  
 border: 1px solid #000;  
 background-color: #eee;  
 padding: 10px;  
 }
 
</style>  
 
</head>
 
 
 
<body>
 
<div id="cercle"></div>
 
<div id="moncercle"></div>
 
 
<ul>
 <li class="gris">Salut</li>
 <li>Bonsoir</li>
 <li class="gris">Bonne soirée</li>
 <li>Bonne nuit</li>
</ul>
 
<ul id="conteneur-liste">
 <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>
 
</body>
</html>
 
Encore du mal avec les parents, enfants, héritage ou non ... ah! ces histoires de famille ...  :lol:

n°2415633
Harmo88
Il n\\
Posté le 23-04-2022 à 20:13:13  profilanswer
 

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>

n°2415736
Harmo88
Il n\\
Posté le 25-04-2022 à 19:15:30  profilanswer
 

Citation :


Simple curiosité : dans un conteneur-liste, est-il possible de placer les puces à l'intérieur ? Elles se positionnent à l'extérieur du conteneur; je les supprime avec list-style: none; j'utilise la réponse rapide, pour ne pas recopier le message précédent. Le sujet n'étant pas le même.

n°2415745
MaybeEijOr​Not
but someone at least
Posté le 25-04-2022 à 20:05:52  profilanswer
 

Le "conteneur-list" comme tu l'as indiqué est le conteneur, ce qui est doit être flexible c'est son contenu et donc les "li". Il faut donc appliquer le "display: flex" sur les "li" et non sur le "ul".
 
Sinon pour les messages je ne sais pas comment tu te démerdes mais tu places tout systématiquement entre balises [quote][/­quote] ce qui rend tes posts illisibles. La réponse rapide c'est pareil que la réponse classique, simplement qu'elle est directement sur la page de lecture et donc allégée des boutons de mise en forme.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  6  7  ..  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-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)