Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Souci code images coulissantes,

838 appréciations
Hors-ligne
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, 

139 appréciations
Hors-ligne
Puis-je avoir le lien vers les images et le code ? J'essaierais de t'aider. Merci.
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

2721 appréciations
Hors-ligne


Je ne vois pas comment régler ce problème.


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é.
@+

838 appréciations
Hors-ligne
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, 

139 appréciations
Hors-ligne
@Mi Neth@ ok !
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

2848 appréciations
Hors-ligne
  @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...


139 appréciations
Hors-ligne
Bonjour, je voulais parler du copier coller du code. Désolé pour l'incompréhension !
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

838 appréciations
Hors-ligne
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, 


139 appréciations
Hors-ligne
Je veux bien le code, merci.
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

838 appréciations
Hors-ligne
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

139 appréciations
Hors-ligne
Merci mais... ou mettre l'image ?
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

838 appréciations
Hors-ligne
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, 

139 appréciations
Hors-ligne
Merci !
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

838 appréciations
Hors-ligne
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

139 appréciations
Hors-ligne
Merci beacoup mi neth !
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

838 appréciations
Hors-ligne
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, 

838 appréciations
Hors-ligne
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

838 appréciations
Hors-ligne
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, 

139 appréciations
Hors-ligne
Bravo !
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

838 appréciations
Hors-ligne
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

838 appréciations
Hors-ligne
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, 

2721 appréciations
Hors-ligne
Désolé je n'ai pas beaucoup de temps.


Voici de quoi faire un essai.
Code à remplacer dans la partie concernée.



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;  /
}

838 appréciations
Hors-ligne
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

2721 appréciations
Hors-ligne
   Si tout va bien je retourne à la pêche ... 
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Petits soucis.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5951 autres membres