Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Placement d'une image et balise

4 réponses
Avatar
JKB
Bonjour à tous,

Je fais actuellement mes armes avec Spip et j'ai un petit problème
de javascript. Disons que j'ai isolé le problème et que je pense
qu'il s'agit d'un problème de javascript ;-)

Considérons le site http://www.freevms.net

Dans la colonne de droite, j'ai mis un formulaire permettant de
s'authentifier pour avoir accès à un certain nombre de pages
inaccessibles au visiteur lambda. Ça fonctionne parfaitement.

Seulement, le script javascript qui positionne le petit cadenas pour
signaler que le mot de passe pourra être envoyé chiffré se
positionne où bon lui semble. Avec le même navigateur, sur deux
machines différentes (Linux/iceape 2.0.10), il apparaît soit à
gauche du champ, soit en-dessous.

Ce que je ne comprends pas, c'est qu'en allant sur la page :
http://www.freevms.net/ecrire, le même script est utilisé et ce
fichu cadenas se met toujours à droite (il s'agit d'ailleur du même
formulaire).

Je sèche, je n'arrive pas à comprendre pourquoi ces deux cadenas ne
réagissent pas de la même façon. Une idée ?

Merci de vos lumières,

JKB

--
Si votre demande me parvient sur carte perforée, je titiouaillerai très
volontiers une réponse...
=> http://grincheux.de-charybde-en-scylla.fr

4 réponses

Avatar
SAM
Le 24/11/10 14:15, JKB a écrit :
Bonjour à tous,

Je fais actuellement mes armes avec Spip et j'ai un petit problème
de javascript. Disons que j'ai isolé le problème et que je pense
qu'il s'agit d'un problème de javascript ;-)



Pas du tout !
C'est un problème de place, d'encombrement !

essaie par exemple avec :

<input class="password" name="password" id="password" value="" size="30"
type="password">

en attendant de trouver une astuce via les css pour faire de la place au
cadenas

Considérons le site http://www.freevms.net

Seulement, le script javascript qui positionne le petit cadenas pour
signaler que le mot de passe pourra être envoyé chiffré se
positionne où bon lui semble. Avec le même navigateur, sur deux
machines différentes (Linux/iceape 2.0.10), il apparaît soit à
gauche du champ, soit en-dessous.

Ce que je ne comprends pas, c'est qu'en allant sur la page :
http://www.freevms.net/ecrire, le même script est utilisé et ce
fichu cadenas se met toujours à droite (il s'agit d'ailleur du même
formulaire).





--
Stéphane Moriaux avec/with iMac-intel
Avatar
JKB
Le Wed, 24 Nov 2010 17:47:33 +0100,
SAM écrivait :
Le 24/11/10 14:15, JKB a écrit :
Bonjour à tous,

Je fais actuellement mes armes avec Spip et j'ai un petit problème
de javascript. Disons que j'ai isolé le problème et que je pense
qu'il s'agit d'un problème de javascript ;-)



Pas du tout !
C'est un problème de place, d'encombrement !

essaie par exemple avec :

<input class="password" name="password" id="password" value="" size="30"
type="password">

en attendant de trouver une astuce via les css pour faire de la place au
cadenas



Et bien non... Et c'est bien là qu'est mon problème. Pour être sûr,
je viens de modifier la ligne pour mettre un size="20". Mon css est
on ne peut plus simple pour ce formulaire :

.formulaire_login fieldset ul li input
{
//width: 130px;
width: 100px;
}

et tu constateras que ce @#{^ de cadenas est toujours à gauche...

JKB

--
Si votre demande me parvient sur carte perforée, je titiouaillerai très
volontiers une réponse...
=> http://grincheux.de-charybde-en-scylla.fr
Avatar
SAM
Le 24/11/10 17:59, JKB a écrit :
Le Wed, 24 Nov 2010 17:47:33 +0100,
SAM écrivait :
Le 24/11/10 14:15, JKB a écrit :
Bonjour à tous,

Je fais actuellement mes armes avec Spip et j'ai un petit problème
de javascript. Disons que j'ai isolé le problème et que je pense
qu'il s'agit d'un problème de javascript ;-)



Pas du tout !
C'est un problème de place, d'encombrement !

essaie par exemple avec :

<input class="password" name="password" id="password" value="" size="30"
type="password">

en attendant de trouver une astuce via les css pour faire de la place au
cadenas



Et bien non... Et c'est bien là qu'est mon problème. Pour être sûr,
je viens de modifier la ligne pour mettre un size="20". Mon css est
on ne peut plus simple pour ce formulaire :



Bon, finalement, ce "size" ne sert à rien
et il faut bien considérer les css


.formulaire_login fieldset ul li input
{
//width: 130px;
width: 100px;
}



Normalement (en tous cas chez moi) c'est OK
... si ...
on style en inline-block le 'em' contenant le cadenas

<em id="pass_securise" style="display:inline-block"><img width="16"
height="16" title="Secured login" alt="Secured login"
src="prive/images/securise.gif"></em>


et tu constateras que ce @#{^ de cadenas est toujours à gauche...



Pas encore vu pourquoi :-(

Y a pas un stylage de l'input en float:right des fois ?
(par le JS, par exemple ?)(avec ces jQueryBricolages yè souis perdou)

HAAA! ce serait ici :
==================== <http://www.freevms.net/spip.php?page=theme.css&mfx_fichier=layout_text>
ligne 152
.main img { blabla ... float: left; blabla }
^^^^^^^^^^^^
que je ne retrouve pas dans l'autre exemple qui fonctionne !!!

à changer en float: right;
ou prévoir un style additionnel :
.formulaire_login img { float: right; }


Ce n'est donc bien pas un pb de JS ;-)

--
Stéphane Moriaux avec/with iMac-intel
Avatar
JKB
Le Wed, 24 Nov 2010 19:46:36 +0100,
SAM écrivait :
et tu constateras que ce @#{^ de cadenas est toujours à gauche...



Pas encore vu pourquoi :-(

Y a pas un stylage de l'input en float:right des fois ?
(par le JS, par exemple ?)(avec ces jQueryBricolages yè souis perdou)

HAAA! ce serait ici :
==================== ><http://www.freevms.net/spip.php?page=theme.css&mfx_fichier=layout_text>
ligne 152
.main img { blabla ... float: left; blabla }
^^^^^^^^^^^^
que je ne retrouve pas dans l'autre exemple qui fonctionne !!!

à changer en float: right;
ou prévoir un style additionnel :
.formulaire_login img { float: right; }


Ce n'est donc bien pas un pb de JS ;-)



Ah... Je ne cherchais pas au bon endroit. Merci pour tout.

Cordialement,

JKB

--
Si votre demande me parvient sur carte perforée, je titiouaillerai très
volontiers une réponse...
=> http://grincheux.de-charybde-en-scylla.fr