Blog d'aide de Blog4ever

Bonjour 

J'ai un souci avec un code d'images qui coulissent, Les textes qui accompagnent ses images devraient se trouver à droite de chacune d'elles, Mais ils sont dessous et je n'arrive pas à corriger, Ton aide est la bienvenue, 
Le brouillon est brouillon test, le code test image slide, 
Merci, 
Bonne journée à toi, 
Mi Neth, 

Puis-je avoir le lien vers les images et le code ? J'essaierais de t'aider. Merci.

:bd:



Il y a un code mais le texte n'est pas conditionné.

C'est quoi le but de ces emplacement d'images qui se déplacent ? 

Désolé.
@+

Bonjour Simon et Boni, 

A Boni, Il me faudrait te donner accès à mon espace de gestion, Tu comprends que je ne te donne pas le lien, 

Simon qu'entends-tu par conditionné? 
Le but?  Juste animer mes images, comme je l'ai fait avec d'autres articles, 
Pour préciser, c'est destiné à un article de retour d'expérience, 
Merci, d'avoir répondu, 
Bon après-midi, 
Mi Neth, 

@Mi Neth@ ok !

  @Mi Neth@

Non, ne donne jamais l"accès à ton espace de gestion à quiconque.

Les membres de l'équipe de modération peuvent y accéder directement depuis le Back Office de la plateforme.

Je n'avais pas répondu, d'une part parce que tu t'adressais à @Simon@ et d'autre part et surtout parce que je ne voyais pas où se situe le problème.

Conserve toujours une copie (bloc-notes) du dernier CSS avant de le modifier afin de pouvoir revenir en arrière en cas de souci.

Je viens de tester et je ne rencontre aucun problème (tous navigateurs) avec ce genre d'image coulissante... à moins que tu parles d'autre chose ?




Bonne journée...

Bonjour, je voulais parler du copier coller du code. Désolé pour l'incompréhension !

Bonjour Daniel, 

Je sais bien que tu ne donnes pas l'accès à la gestion des blogs et que seuls les modérateurs, développeurs et toi y avez accès via le back, 
Ne t'inquiètes pas, loin de moi l'idée de dire une telle sornette, 
Je me suis adressée à Simon, parce qu'il m'avait déjà apporté son aide pour un code proche de celui-ci, 
Ce n'est pas celui de ma page d'accueil, Il est encore en brouillon, J'en suis à le tester, 
Merci de ta réponse, 
Bonne journée à toi, 

Bonjour Simon, 

Je pense avoir compris ce que tu entends par conditionné, Tu parles du texte de description que j'aimerai voir à côté de mes images et non dessous, C'est ça? 
Si oui, les textes sont courts et sont ...ma première image à gauche, ma seconde image au centre et ma troisième image à droite...
...Textes et images qui seront modifiés lorsque je ferai l'article...
Merci à toi, 
Passe une bonne journée, 

Bonjour Boni, 

Si le code t'intéresse, je peux éventuellement le mettre ici, Mais est-ce que tu ne préfères pas qu'il soit plus viable? Parce qu'autant te le dire, je sus plutôt novice et question code, je fais dans la patchwork, 
Dis-moi, 
Je te souhaite une bonne journée, 

Mi Neth, 

Je veux bien le code, merci.

Je n'arrive pas à inclure la partie de base, Sinon voici la partie css à mettre dans la fenêtre code,, 


<*style type="text/css"*>

ul.slider {
list-style:none;
padding:0;
margin:0 auto;
height:320px;
width:900px;
overflow:hidden;
}

.slider li {
width:25%;
}

.slider li:hover {
width:50%;
}

.slider li {
float:left;
white-space:nowrap;
width:25%;
height:100%;
transition: width .5s ease 0.1s; /
}

<*/style*>

Dernière modification le jeudi 15 Juillet 2021 à 11:31:56

Merci mais... ou mettre l'image ?

Bonjour Boni, 
Comme je n'arrivais pas à inclure la première partie, j'ai fais deux captures, 




Les images se placent dans la première partie, 
Bonne journée, 
Mi Neth, 

Merci !

J'ai un peu avancé, Me reste à décaler mon texte pour ne pas qu'il colle à l'image, J'ai essayé par l'option margin sans succès, 
Et s'il y a une autre solution que les balises br pour les sauts de ligne, je suis preneuse, 
J'ai fait un deuxième code pour ce test, code: slide trimg test

J'ai refais une capture de la première partie, impossible de l'inclure directement, 



<***style type="text/css"***>ul.slider {  list-style:none;                    padding:0px;  margin:0 auto;  height:320px;  width:900px;  overflow:hidden;                 }.slider li {  width:25%;                        }.slider li:hover {  width:50%;                     }.slider li {  float:left;                         white-space:nowrap;                width:25%;                        height:100%;                        transition: width .5s ease 0.1s;  /}<***/style***>

Le résultat provisoire en image, 



Le texte est bien à côté de l'image, mais ce n'est pas encore ça, 

Dernière modification le mardi 06 Juillet 2021 à 15:37:23

Merci beacoup mi neth !

Bonsoir, 
J'ai refais le code sous un autre nom, 
J'ai testé de deux manières, La première en insérant les partie html et css via l'option code, La deuxième en insérant la partie html dans le corps réservé à cette dernière, Cela ne change pas le résultat, 
Ma dernière tentative, les textes des deux premières images sont dessous celles-ci, Celui de la troisième image se trouve sur son côté, Je chercherai demain, le pourquoi, 
Là, je sommeille debout, 
Bonne nuitée, 
Mi Neth, 

Bonsoir, 

Je n'ai pas beaucoup avancé, J'ai juste réussi à remettre mes textes à droitee des images, Mais ils sont toujours collés à celles-ci, J'ai tenté en modifiant les côtes des margin et padding, rien, En insérant les balises de paragraphes et alignement de texte, rien, Si je mets le white-pace en mode normal, les textes se retrouvent à gauche et en dessous de chaque image, Et si je veux que mon texte ne reste pas sur une seule ligne en mode nowrap, il faut les balises br, 
Je verrai demain si j'ai du temps pour ça, 
Bonne nuit, 
Mi Neth, 

Dernière modification le jeudi 15 Juillet 2021 à 11:33:35

Bonjour, 
J'ai progressé, J'ai réussi à décaler mes textes de mes images, Y'a juste un ti souci, Ils se voient en transparence derrière, 

Voici la partie css du code, Je n'y ai changé que la hauteur, 


Et la partie html modifiée, 



Bon après-midi, 
Mi Neth, 

Bravo !

Bonsoir Boni, 
C'est gentil à toi, Me reste à trouver comment corriger cet effet de texte en transparence, 
A moins que Simon puisse me dire pourquoi, 
Bonne fin de soirée, 
Mi Neth, 

Dernière modification le dimanche 11 Juillet 2021 à 23:18:33

Bonjour,  
Dans ma partie html, il y a une balise br que j'avais mal fermé, Elle se trouve dans le premier texte, J'ai corrigé dans ma gestion, mais les textes demeurent visibles en transparence et je ne trouve pas pourquoi? 
Pour voir, j'ai fais un brouillon avec les images et textes destinés à mon article, C'est pareil,  C'est ennuyeux, 
Simon, peux-tu regarder et voir si tu trouves d'où ça vient? Merci, 
Passe une bonne journée, 
Mi Neth, 

Désolé je n'ai pas beaucoup de temps.




ul.slider {
  list-style:none;                  
  padding:0px;
  margin:0px auto;
  height:170px;
  width:900px;
  overflow:hidden;
color:transparent;                 
}


.slider li:hover {
  width:50%;
font-size:15px;
color:#fff;                     
}

.slider li {
float: left;
white-space: nowrap;                      
  width:25%;                      
  height:170px;                      
  transition: width .5s ease 0.1s;  /
}

Bonjour Simon, 
Tu es tout excusé, Tu as le droit de faire la sieste, 
Et puis, il n'y a pas le feu au lac comme on dit, 

Merci de m'aider, Je teste et je reviens te dire, 
Bon après-midi, 
Mi Neth, 

Re Merci, c'est tout bon, 
Tu peux clore, 
Bonne fin d'après-midi, 

Dernière modification le mercredi 14 Juillet 2021 à 15:58:00

   Si tout va bien je retourne à la pêche ...