Insertion image en html depuis mon ordi

Recherche :

Mot : Pseudo : Filtrer Aller à la page :
Page : 1 2 3 4 5 .. 15 16 17 18 19 20 21 Page Suivante Page Précédente Bas de page
Auteur	Sujet : Insertion image en html depuis mon ordi

MaybeEijOrNot

but someone at least

Reprise du message précédent :
Oui c'est normal, mais tu vas aussi voir qu'à force de voir de nouvelles choses, tu vas finir par en oublier, surtout si tu n'en fais pas régulièrement.

Message cité 1 fois
Message édité par MaybeEijOrNot le 17-01-2023 à 20:11:35

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Publicité

Harmo88

Il n\\

MaybeEijOrNot a écrit :

Oui c'est normal, mais tu vas aussi voir qu'à force de voir de nouvelles choses, tu vas finir par en oublier, surtout si tu n'en fais pas régulièrement.

Citation :

Hé oui, phénomène accentué par une mémoire qui vieillit, mais je prends des vitamines, pour booster les neurones :lol: Il est quasiment impossible de tout retenir; il y a tellement d'éléments, d'attributs, de valeurs ...
Lorsque je regarde le code source de certains sites, je suis conscient que je n'arriverai pas à un tel niveau ... le but n'est pas d'en faire ma profession, c'est un peu tard. Tant que je prends plaisir, je continue.

Harmo88

Il n\\

Citation :

Utiliser les numéros négatifs dans les grilles.
https://jsfiddle.net/cjh23zo6/

Harmo88

Il n\\

Citation :

Après correction d'une erreur (c'est fou ce que peut provoquer un "s" qui manque ... dans l'affichage d'une page).
https://jsfiddle.net/gk81cp9n/

Harmo88

Il n\\

Citation :

Modifier l'ordre d'affichage des enfants dans une grille. Je ne saisis pas bien l'attribution des valeurs pour tous les paragraphes ... méthode qui ne me parait pas évidente.
https://jsfiddle.net/rsLoh7nx/

Message cité 1 fois

MaybeEijOrNot

but someone at least

L'ordre définit une priorité et non une position absolue dans l'ordre des blocs. Mais oui ce n'est pas évident.
Le -1 sera affiché avant tous les 0, et les +1 après tous les 0. Les +2, après tous les +1, etc.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

Harmo88 a écrit :

Citation :

T'as fini de m'embrouiller :lol: C'est quoi ce charabia cssique ? J'essaie de changer les valeurs; sur une même ligne ça va, mais dès qu'il faut changer de ligne, ça ne va plus. Comme je suppose que cette méthode n'est
pas souvent nécessaire(je me trompe peut-être, jusqu'alors je n'ai pas eu besoin de l'employer) je vais y réfléchir, au pire employer une autre méthode. Pour l'instant je n'arrive pas à décortiquer tes indications ...
Les zéros correspondent à quoi ? La dernière cellule déplacée ? La cellule de "référence" de "départ" c'est la 1ère en haut et à gauche de la grille ?
Est-ce que je confonds l'absolu et le relatif, dans ce cas ? :hello:

MaybeEijOrNot

but someone at least

Supposons cette grille avec 9 blocs :

1 2 3
4 5 6
7 8 9

Touts les blocs ont par défaut la valeur "order" à 0 et donc s'agencent les uns derrière les autres.
Si tu passes la valeur du bloc n°5 à -1 alors il ira devant tous ceux qui ont une valeur supérieure à -1, dans notre cas ça donnera :

5 1 2
3 4 6
7 8 9

En effet, tous les autres blocs ont pour valeur 0 et donc passent derrière.

Maintenant, mettons la valeur -2 au bloc n°8, il ira devant tous ceux qui ont une valeur supérieure à -2 :

8 5 1
2 3 4
6 7 9

Mettons la valeur +1 ai bloc n°6, il ira derrière tous ceux qui ont une valeur inférieure à +1 :

8 5 1
2 3 4
7 9 6

Message cité 1 fois
Message édité par MaybeEijOrNot le 22-01-2023 à 14:22:13

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

MaybeEijOrNot a écrit :

Citation :

Tu dois être bon au sudoku :lol: merci pour tes explications, que je n'ai pas trouvées dans le bouquin, ni ailleurs. Ça aide, mais ça reste tout de même un peu chiant à employer ...

Harmo88

Il n\\

Citation :

Les alignements enfants sur l'axe horizontal, grilles.
https://jsfiddle.net/mufw9gv3/

Publicité

Harmo88

Il n\\

Citation :

Mine de rien, bon exercice pour les marges; si elles sont mal définies, l'affichage devient vite désordonné. le dernier conteneur accolé au précédent est volontaire, pour voir l'effet entre avec et sans espace.
https://jsfiddle.net/3t08x61L/

Harmo88

Il n\\

Citation :

Toujours les alignements ...
https://jsfiddle.net/g8b2ov5y/

Harmo88

Il n\\

Citation :

J'ai voulu rendre cette page responsive; ça fonctionne, sauf pour la bordure du conteneur qui ne change pas de dimension ... Je ne vois pas pourquoi ... après quelques tentatives infructueuses.
https://jsfiddle.net/cesxyaf7/

MaybeEijOrNot

but someone at least

C'est-à-dire ?
Le #conteneur1 tu lui as donné une largeur fixe :

Code :

width: 920px;

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

MaybeEijOrNot a écrit :

C'est-à-dire ?
Le #conteneur1 tu lui as donné une largeur fixe :

Code :

width: 920px;

Citation :

Il y a des jours qui ne sont pas les bons jours ... j'aurais du faire une pause :lol: merci pour la réponse. :jap:

Harmo88

Il n\\

Citation :

On tient le bon bout ... encore quelques petites choses à revoir; par exemple l'affichage du texte dans les cellules, pour éviter les coupures de mots trop fréquentes. Je suppose que l'on peut atténuer ou supprimer ça.
https://jsfiddle.net/pod7rzv4/

unitedcolors

Css -> word-break (regarde sur MDN Web docs). Pour régler le problème des mots coupés.

Message cité 1 fois

Harmo88

Il n\\

unitedcolors a écrit :

Css -> word-break (regarde sur MDN Web docs). Pour régler le problème des mots coupés.

Citation :

:hello: J'avais essayé word-break: break-all; ça n'a rien changé.
En fait, il faut utiliser word-break: normal; et là c'est OK.
Merci pour ta réponse.

Harmo88

Il n\\

Citation :

Tableau avec formulaire, ça se corse ... après il faudra voir la sauvegarde.
https://jsfiddle.net/xs82gtu5/

MaybeEijOrNot

but someone at least

L'attribut "id" est unique, tu n'as pas le droit d'avoir deux fois la même valeur sur une même page.

De même, vu l'utilisation dont tu en fais, l'attribut "name" doit changer à chaque fois. Surtout que quand tu voudras récupérer tes données, tu vas utiliser ce nom. Donc si toutes tes données ont le même nom ça ne va pas le faire... [:tinostar]

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

MaybeEijOrNot a écrit :

[quotemsg]OK pour "id" unique ...
Et si je code ainsi; jss ne me met plus de points rouges :

Code :

<tr>
<td><label for="ident">Directeur</label></td>
<td><input type="text" name="ident1" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
<td><input type="text" name="ident3" value="" size="10" maxlength="10" id="ident4" autofocus/></td>
</tr>

Sinon, je vais coder différemment.

MaybeEijOrNot

but someone at least

Tu peux avoir la même valeur pour l'attribut name et id d'un même élément si tu veux.

Code :

<tr>
<td><label for="ident">Directeur</label></td>
<td><input type="text" name="ident1" value="" size="10" maxlength="10" id="ident1" autofocus/></td>
<td><input type="text" name="ident2" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
</tr>

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

MaybeEijOrNot a écrit :

Tu peux avoir la même valeur pour l'attribut name et id d'un même élément si tu veux.

Code :

<tr>
<td><label for="ident">Directeur</label></td>
<td><input type="text" name="ident1" value="" size="10" maxlength="10" id="ident1" autofocus/></td>
<td><input type="text" name="ident2" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
</tr>

Citation :

OK merci; maintenant je voudrais ajouter des colonnes par ex : le N° de tél ou autre appellation.

Code :

<thead>
<tr>
<th>Membres de la direction</th>
<th>Prénom</th>
<th>Nom</th>
<th>Année de naissance</th>
<th>N° portable</th>
</tr>
</thead>

Ça c'est bon.
Je suppose que dans la ligne "input type" je dois pouvoir ajouter ces nouveaux noms ? Pour l'instant, je n'ai pas trouvé la syntaxe.

Harmo88

Il n\\

Citation :

Code :

<tr>
<td><label for="ident">Directeur</label></td>
<td><input type="text" name="ident1" value="" size="10"maxlength="10" id="ident1" autofocus/></td>
<td><input type="text" name="ident2" value="" size="10" maxlength="10" id="ident2" autofocus/></td>
<td><input type="text" name="ident3" value="" size="10" maxlength="10" id="ident3" autofocus/></td>
<td><input type="text" name="ident4" value="" size="10" maxlength="10" id="ident4" autofocus/></td>
</tr>

Il faut ajouter une ligne "input" pour chaque nouvelle colonne. attention à la numérotation dans "name" Il faudrait peut-être lancer un compteur ... je verrai ça après ...

Message édité par Harmo88 le 30-01-2023 à 11:07:24

Harmo88

Il n\\

[quotemsg]Résultat :
https://jsfiddle.net/p58y016t/
Je crois que c'est correct. Maintenant sauvegarde dans un fichier de données ...[quotemsg]

Harmo88

Il n\\

Citation :

Page responsive pour smartphone, tablette, pc.
https://jsfiddle.net/v7t2fqLg/

Harmo88

Il n\\

Citation :

Page fluide avec fusion de cellules.
https://jsfiddle.net/ht82krdx/

Harmo88

Il n\\

Citation :

Création de tableau.
https://jsfiddle.net/ct7L3kab/

Harmo88

Il n\\

Citation :

Un autre tableau avec insertion URL.
https://jsfiddle.net/v9hqu72r/

Harmo88

Il n\\

Citation :

Des champs à remplir.
https://jsfiddle.net/6ufgw04t/
Entre le PHP et le Javascript, je pédale ...
La réglette avec curseur n'affiche rien, en déplaçant le curseur.
Dans le champ de saisie suggérée, la liste déroulante des fruits ne s'affiche pas.
Dans Jsfield, beaucoup de lignes sont en rouge, sans que je comprenne pourquoi.
Le vérificateur de code indique beaucoup d'erreurs; j'ai pu en supprimer quelques-unes, mais pour d'autres je ne comprends pas les messages ...
https://validator.w3.org/nu/#file

MaybeEijOrNot

but someone at least

L'attribut oninput doit se placer dans la balise input, bien faire attention aux guillemets aussi.

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

MaybeEijOrNot a écrit :

L'attribut oninput doit se placer dans la balise input, bien faire attention aux guillemets aussi.

Citation :

Boudiou, t'es un rapide :lol: :jap: merci pour la réponse; encore une fois, j'ai recopié le contenu du livre ... j'ai simplement mis bout à bout les différents champs.

Message cité 1 fois

Harmo88

Il n\\

Harmo88 a écrit :

Citation :

Boudiou, t'es un rapide :lol: :jap: merci pour la réponse; encore une fois, j'ai recopié le contenu du livre ... j'ai simplement mis bout à bout les différents champs.

Citation :

Comme ça, c'est bon ?

Code :

<input type="range" min="18" max="100" step="1" value="40" id="age2" oninput="document.getElementById('sortie')".textContent="value">

Je ne sais pas si les guillemets après ('sortie')" sont bien placés, ni si les apostrophes entre parenthèses sont corrects ... c'est de la recopie ...

MaybeEijOrNot

but someone at least

Les guillemets et les "apostrophes" servent à écrire des chaînes de caractères. Donc si tu veux écrire des guillemets dans une chaîne de caractères, le plus simple c'est d'écrire la chaîne entre des apostrophes et vice-versa. Tu peux aussi utiliser la technique qui consiste à échapper les guillemets ou les apostrophes.

Code :

<input type="range" min="18" max="100" step="1" value="40" id="age2" oninput="document.getElementById('sortie').textContent=this.value;">

Message cité 1 fois
Message édité par MaybeEijOrNot le 25-02-2023 à 21:20:37

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

MaybeEijOrNot a écrit :

Code :

<input type="range" min="18" max="100" step="1" value="40" id="age2" oninput="document.getElementById('sortie').textContent=this.value;">

Citation :

Il y a des cas où ça n'est pas évident de voir comment coder une chaine de caractères .... surtout si il y a des erreurs.
La réglette avec curseur, ainsi que le champ de saisie suggérée(après rectification d'une erreur), fonctionnent.

Harmo88

Il n\\

Citation :

https://jsfiddle.net/y4mt9382/
Dans ce formulaire, je voudrais coder un message d'alerte, si je dépasse la saisie de plus de 4 caractères, ou si la valeur saisie dépasse le chiffre 2500; pas évident ces messages d'alerte ...
Soit le message est un texte, soit il colore le champ en rouge ...

MaybeEijOrNot

but someone at least

Tu veux ajouter un message d'alerte avec Javascript ?

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Harmo88

Il n\\

MaybeEijOrNot a écrit :

Tu veux ajouter un message d'alerte avec Javascript ?

Citation :

:hello: En ce qui concerne le dépassement de la valeur (fixée à 2500), je n'avais pas de message d'alerte lors du dépassement de cette valeur, parce qu'une balise <form> était mal placée en fermeture.
Pour le dépassement de 4 chiffres, un message d'alerte me parait inutile; si j'ajoute un 5e chiffre à la date, (qui ne doit pas dépasser la valeur de 2500), c'est le message de dépassement de valeur qui s'affiche
en premier, rendant inutile un message de dépassement du nombre des chiffres (embrouillant, hein ?).

Code :

<p>
<label for="naiss">Votre année<br> de naissance : </label>
<input type="number" max="2500" maxlength="4" step="1" value="1900" id="naiss" />
</p>

Apparemment, je peux supprimer maxlength="4" sans conséquence.

gatsu35

Blablaté par Harko

Tu peux aussi laisser maxlength="4", car ça permet d'éviter à l'utilisateur de trop en mettre dans le champ et il se trompera moins.

Et pour finir :
Arrête de mettre ton message entre balise [ quote] pour répondre.
ARRETE.

Message cité 1 fois

---------------
Blablaté par Harko

Harmo88

Il n\\

gatsu35 a écrit :

:hello: Merci pour ta réponse; je peux laisser maxlength="4" en "sécurité".

Pour en terminer avec ces rappels intempestifs en rouge, qui m'agacent (hé oui, ça m'arrive :lol: ), je souhaite que tu me confirmes l'utilisation de ces balises

Citation :

.
Si je comprends bien, il faut les utiliser lors d'un nouveau message dont je suis l'auteur; mais si je réponds à un message elles ne sont pas utiles. Correct ?

En regardant l'aperçu de ce message, j'ai une citation, plus un "et" écrit dans la fenêtre de citation .... ??????? Alors que j'ai écrit : Je souhaite que tu me confirmes l'utilisation de ces balises [quotemsg] et [/quotemesg].
Si je comprends bien, il faut les utiliser lors d'un nouveau message dont je suis l'auteur; mais si je réponds à un message elle ne sont pas utiles. Correct ?

Message cité 1 fois
Message édité par Harmo88 le 05-04-2023 à 10:05:17

gatsu35

Blablaté par Harko

Harmo88 a écrit :

Citation :

Non il ne faut pas les utiliser, tout simplement pas.

Quand tu réponds à un message, automatiquement le message auquel tu réponds est mis entre balise [quotemsg ], toi tout ce que tu as à faire c'est simplement écrire ton texte tout à la fin du texte déjà présent après les balises.

Message cité 1 fois

---------------
Blablaté par Harko

Publicité

Page : 1 2 3 4 5 .. 15 16 17 18 19 20 21

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

Insertion image en html depuis mon ordi

Sujets relatifs
Signature e-mail en HTML adaptative mode clair/sombre ?	Exercice html, php, mysql, javascript
hébergement de page html	responsive scroll pas quand je glisse l'image
Probleme d'edition d'image dans Django	Envoi image sur blog impossible
Aligner le background au milieu de l'image	un 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

Page générée en 0.128 secondes