Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Image qui disparaît et laisse s'afficher un texte,

148 appréciations
Hors-ligne
Bonjour, 

(Je ne sais pas ce qui se passe, j'ai beau modifier mon sujet, il s'affiche de façon étrange, j'en suis désolée, )

Comme lors de mon dernier sujet, je me suis male exprimée, j'espère que cette fois-ci, j'emploie les bons termes ou proches de ce que j'essaie de mettre en place dans un article, 

Je suis arrivée à faire glisser mon image, Mais , au lieu de disparaître, elle sort de mon tableau et je n'ai pas encore insérer un texte, 



[img]https://zupimages.net/up/20/20/itfj.jpg[*/img]


Un petit coup de pouce, un indice, 
Merci pour l'aide, 

Bonne journée, 
Mi Neth,

Dernière modification le mercredi 13 Mai 2020 à 08:11:05

148 appréciations
Hors-ligne
Mes avancées ou plutôt mes presque ça, 

(je ne comprend spas pourquoi, mon sujet s'affiche de manière aussi bizarre, encore désolée, )

Dans un premier temps, j'ai réussi à donner les mêmes dimensions à mes image et tableau (celui-ci ne possède qu'une cellule),

Ensuite, j'ai tenté d'insérer mon texte dans la div, mais il apparaissait au dessus ou en dessous de l'image,

J'ai donc modifié mes css et div et là, ma cellule s'est agrandi en hauteur, mon image s'est affiché complètement hors de mon tableau, 

Alors, j'ai conservé ma div et remis le css de départ, J'ai obtenu que mon texte soi bien centré, mais mon image ne s'est pas affichée, 

Puis, j'ai fais le contraire, ce n'était pas différent, 

Je sais bien que c'est un problème de position, mais je patauge, 
A la rigueur, si je pouvais, à défaut de faire disparaître mon image, faire qu'elle se déplace et que mon texte apparaisse ce serait déjà bien, 

Ma dernière div

<*div class=" slide contenant"*>   
TEXTE DERRIERE L'IMAGE
    <*/div*>

Mon dernier code css,

<*style type="text/css"*><*/style*>
Merci, 
Bonne soirée, 
Mi Neth, 

Dernière modification le mercredi 13 Mai 2020 à 18:26:48

148 appréciations
Hors-ligne
J'y suis presque, 
Mon image se déplace, mais mon texte est dessous,



J'ai ajouté un display block, mais je vois que ce n'est pas la solution, 

Merci pour l'aide, 

15 appréciations
Hors-ligne
Bon j'ai pas tt compris car je patauge 1000 fois plus que vous tous et toutes ds tt celà. Donc je ne peux pas t'aider désolée 

Mais je voulais te dire que j'aime bien ton image, même si ça ne fait pas avancer ton soucis TEXTE/IMAGE
Une Amoureuse de l'Andalousie... Domie

148 appréciations
Hors-ligne
Bonjour Domied'Almuñ,

Tu n'es pas la seule à patauger, Je viens de plateformes où les termes sont différents,  Alors, ce n'est pas toujours évident, d'être comprise, même si j'essaie d'expliquer au mieux, Moi-même, j'ai parfois du mal à comprendre, 
Le pire, c'est quand je pense avoir compris et que ce n'est pas le cas, 
Encore merci, tu as très bon goût, 

Merci pour ton compliment, 
Passe une bonne journée, 
Mi Neth, 

Dernière modification le jeudi 14 Mai 2020 à 10:12:44

1786 appréciations
Hors-ligne



J'ai fait un article.





148 appréciations
Hors-ligne
Bonjour Simon,
C'est presque ça,
L'image doit glisser sur le côté, Ce serait mieux qu'elle disparaisse, mais si ce n'est pas possible, la faire coulisser est déjà bien,
Bonne journée à toi,
Mi Neth,
Cela dit, ta proposition, aussi, est séduisante,
J'aime bien,

La flemme de réécrire, 

https://yacinth.blog4ever.com/article-sans-titre-3

Pour que tu vois où j'en suis, 
Dans cet exemple le texte est au dessus et non derrière l'image, Quand il n'apparaît pas, je ne suis pas certaine qu'il est bien derrière, car l'image reste fixe, 

Dernière modification le jeudi 14 Mai 2020 à 15:43:08

1786 appréciations
Hors-ligne
re

Dans ton exemple l'image ne disparait pas !

ton sujet c'est bien -->Image qui disparaît et laisse s'afficher un texte ?

Il faut faire une image/avec un texte de la dimension que tu veux,  puis faire une autre image de ton choix.
Le code fera apparaitre l'image et disparaitra au survol pour laisser voir l'image texte. ( donc le texte )


1786 appréciations
Hors-ligne
re




Il faut aller dans le code (Simon image) et changer l'image en gras:
Il te suffit de faire une image avec un texte et la mettre dans la boite à fichiers puis récupérer son adresse http://

.cadre:hover  {
  border:3px solid #fff;
    border-radius:15px;
   left: 5px;
   top:10px;
   height:400px;
   width:330px;
background-repeat:no-repeat;        
   background-image:url("https://i.pinimg.com/originals/03/78/f3/0378f3ffd9010a527294be7546747abb.jpg");
}


1786 appréciations
Hors-ligne
Quelqu’un comprend cette phrase ? 

L'image doit glisser sur le côté, Ce serait mieux qu'elle disparaisse, mais si ce n'est pas possible, la faire coulisser est déjà bien,



Bon: l'image ne peut pas coulisser car le code ne le permet pas.

L'image disparait et laisse apparaitre un texte.

Je pense que c'est le sujet de ta demande ?

https://labodeSimon.blog4ever.com/teste
 



1786 appréciations
Hors-ligne
re

J'ai modifié avec l'image qui se place à coté du texte.

https://yacinth.blog4ever.com/essai-de-Simon



148 appréciations
Hors-ligne
Merci tes propositions m'aident à avancer, 

Par contre ton texte est une image, Ce n'est pas ce que je souhaite, 
Comme je l'ai dis, J'aimerai que l'image disparaisse, Mais si je n'y arrive pas la faire glisser ou coulisser hors de son cadre ou tableau, serait déjà bien, 

En fait j'arrive, au moins à la faire sortir de mon tableau, C'est le texte que je n'arrive pas à placer où je veux, 

Encore Merci, 
Bonne nuit, 

1786 appréciations
Hors-ligne
re

J'ai fait un autre article !



j'expliquerai après....



148 appréciations
Hors-ligne
Bonjour Simon, 

Je vais attendre que tu m'expliques, 

De mon côté, à l'aide de ton cadre, j'avais réussi à faire disparaître mon image, de moitié, 
Mais en voulant, la faire disparaître un peu plus, je n'ai pas réussi à reproduire cet effet, 
Depuis, je tente de reproduire ce que j'avais réussi à faire, 
Merci pour l'aide, 
Bonne journée, 
Mi Neth, 

1786 appréciations
Hors-ligne
re

Regardes ton article

https://yacinth.blog4ever.com/essai-de-Simon-1

Le code css est dans "code de Simon"

Il te suffit de modifier ce que tu veux.



148 appréciations
Hors-ligne
Bonjour, 

Merci Simon, 

J'ai passé mon temps libre à modifier ta proposition, D'abord en apportant des couleurs flash pour mieux appréhender l'impact de celles-ci, 
Puis, mis mes couleurs et dimensions, 
Malgré toutes mes tentatives, 
Je ne suis pas arrivée à modifier la famille de la police, à faire que l'image s'escamote sur le côté, Et qu'elle le fasse jusque presque disparaître du cadre, 
Mais je ne désespère pas, 

Bonne nuit à toi, 
Mi Neth, 

148 appréciations
Hors-ligne
Bonjour Simon et merci pour ton aide, 
Tu m'as permis de bien avancer et tes propositions sont très séduisantes, je les garde de côté, 

De mon côté, j'ai retrouvé dans mes fichiers un ancien tuto qui servait à animer des descriptions de catégories, 
Il fonctionne ici, mais, 
-Je ne peux mettre mon article plus haut, (Ce n'est pas très grave,)
-Je suis obligée de ne mettre qu'une famille et taille de police d'écriture, l
-Les retours et sauts de ligne font que seul les premières frappes sont prises en compte,
-Si je prends ces options, tout ce que j'écris sera en gras et, ou en italique, ou ne sera pas, 
-Tous les attributs que j'ai testé pour l'adapter au blog n'ont pas fonctionné, (volet, cadre, slide, clip, contenant, contenu)

Je l'ai mis en ligne provisoirement pour que tu vois et si tu peux...  

(code de l'article= test du vingt mai= 

https://yacinth.blog4ever.com/article-sans-titre-4

Encore merci à toi, 
Et si Stef veut participer, merci aussi à lui, 
Bonne soirée, 
Mi Neth, 

148 appréciations
Hors-ligne
Bonjour, 

Comme je suis sur le point de publier un nouvel article et que celui qui concerne ce sujet, n'est qu'un test, je l'ai mis en brouillon, 
https://yacinth.blog4ever.com/article-sans-titre-4?token=cf9956838465930dcf4b9e79a0600664

Je suppose qu'un modérateur du forum d'aide comme Simon, peut le voir, 
Bonne journée, 
Mi Neth, 

148 appréciations
Hors-ligne
Bonjour, 

Merci à Stef et Simon dont les propositions m'ont aidé à avancé dans mon projet, 
J'en garde certaines pour la suite, car elles m'ont séduites, 
 
Je mets le lien de mon article pour que vous voyez le résultat, 
https://yacinth.blog4ever.com/articles/ladys-domaine

Merci de clore ce sujet,
J'en ouvrirai un autre, si je venais à rencontrer un souci avec cet article ou ce code, 
Bonne journée, 
Mi Neth, 
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 5923 autres membres