Gros soucis avec le code css pour la transparence des cellules

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Ven 18 Oct 2013 - 20:56

Rappel du premier message :

Pour les intéressés, lisez le topic jusqu'au bout car les codes se modifie au fur et à mesure.

Bonjour, j'ai besoin de votre aide concernant un code css pour la transparence des cellules de mon forum.
Je veux garder la transparence des cellules mais pas avec ce soucis.

Le soucis se produit lorsque le code css pour la transparence des cellules est enregistrée, dés que je le supprime, y a plus de soucis.
J'ai essayé en supprimant le code css
Code:
.forumline{
opacity:0.8;}
de la transparence et le soucis s'en va, dés que je le remet, une bonne partie de l'image est invisible à nouveau.(voir capture d'écran en-dessous)

J'ai procédé au gros nettoyage de mon ordi, cache, défragmentation, etc ... et j'ai également supprimé les cookies du forum mais rien n'y fait.

Je suis sur google chrome.
Lien url du forum concerné : http://grpw.exprimetoi.com/forum et l'url de la page ou cela se passe : http://grpw.exprimetoi.com/t5173-enquete-de-nuit-realisee-dans-la-province-de-namur-le-11-octobre-2013#41894
ATTENTION, le code css a été enlevé provisoirement, dés qu'une aide arrive, je réinstalle le code css directement pour montrer le soucis.

Y a t il une personne sur le forum des forums qui pourrait m'aider ?

J'ai fais une capture pour chaque affichage à 75 % - 90 % pour montrer que dés que j'agrandi l'affichage, de plus en plus s'efface et on voit uniquement l'image de fond.

Avec un affichage de l'écran à 75 %




Avec un affichage de l'écran à 90 %



Avec un affichage de l'écran à 100 %



Merci et bonne soirée.


Dernière édition par bugsbuny le Mar 22 Oct 2013 - 22:49, édité 2 fois

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Lun 21 Oct 2013 - 19:09

SeLfde4Th7 a écrit:
@bugsbuny a écrit:Je veux garder la transparence mais s'il vous plait aidez-moi, merci et bonne fin de journée.
Il me semble que c'est ce que Lixyr et AenigmA font en prenant de leur temps pour vous lire et vous proposer des solutions, non ?
Bonjour SeLfde4Th7,

Oui, des solutions pour des personnes sachant employer les divers logiciels, je n'y connais rien pour ce qui est gimp que je n'ai pas sur l'ordi.
Il y a un soucis lorsqu'une vidéo est postée sur un sujet, le soucis provient que lorsqu'il y a une vidéo sur une page, que ce soit en page 1 ou en 3 et si la vidéo se trouve sur la page 3, l'affichage a un soucis uniquement sur la page 3, donc, je ne crois pas que les aides vont vraiment m'aider.

Le problème vient d'ailleurs.

Je pense qu'il y a un problème dans un des scripts, que ce soit dans un des templates ou ailleurs.

Bonne soirée.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Self le Lun 21 Oct 2013 - 19:53

Bonsoir Smile .

Nous sommes de simple personnes comme vous ,nos connaissances nous viennent de l'apprendtissage que l'on entreprend nous même que ce soit sous formation ou par des tutoriels ou explications sur le net.
Malgrés sa et notre temps qu'on pourraient passer à faire autre chose on a décidé de dédier ce temps à aider les membre de ce forum.
Nous somme tous pour la plupart polis, courtois, respectueux.

Mais à partir du moment ou l'on trouve une solution à votre problème, si vous n'y mettez pas un peut du votre pour appliquer cette solution on ne peut rien y faire.
Il me semble que le logiciel Gimp est gratuit et il y a pas mal de tutoriel correspondant à faire ce qu'à expliquer Lixyr sur la toile.

Bonne chance et bonne soirée à vous Wink .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Lun 21 Oct 2013 - 21:10

Comme dis plus haut, un ami a suivi la marche à suivre sur gimp et lorsque'il m'envoie l'image de 20 px X 20 px, l'image n'est pas transparente, elle devait être grise transparente et quand je l'ai hébergée pour avoir le lien direct de l'image, c'est juste une barre de titre toute grise et non semi transparente..
J'ai essayé avec photofiltre, j'ai suivi la marche à suivre mais ça ne donne rien, idem sur word, je suis sûr que je bloque à un endroit mais la question est pourquoi est ce que le code de la semi transparence est enregistré dans la css a un soucis uniquement sur mon ordi ?
La transparence est très bien maintenant, à part la disparition de l'affichage sur les pages ou il y a des vidéos déposées.

Je vous envoies mes respects et mes remerciements pour l'aide obtenue.

Y a t il un responsable pour me dire ou je peux voir si il y a une erreur sur mon forum ?

Merci et bonne soirée.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Self le Lun 21 Oct 2013 - 21:24

Bonsoir Smile.

Les images avec de la transparence sont généralement lourdes et servimg les aiment pas, les avez vous héberger sur servimg ou autre hébergeur qui n'accepterait pas la transparence ?
Avez vous bien retiré la couleur des cellules avant de mettre l'image ?
Cherchez vous aussi sur votre forum une différence entre vos modules, votre flash player, votre navigateur ou autre entre vous et les membres qui n'ont pas le problème Wink.

Cordialement Smile.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Lixyr le Lun 21 Oct 2013 - 22:44

Autrement, faisons plus simple pour reproduire le soucis : donnez-moi le code de la vidéo que vous avez mise sur votre forum et qui bugg, je visualiserai ça avec le css.

Pour ce qui est de l'image de fond transparente :
Code:
.forumline {  background:transparent url(URL_DE_L_IMAGE_TRANSPARENTE) repeat !important;
}
Normalement, à 20px elle n'est pas trop lourde et donc est largement gérée par servimg.

Voici une image marron transparente que je viens tout juste de réaliser en suivant les directives que je vous ai données :
Si votre ami a également suivi les étapes comme il faut, ça devrait être bon, gris, marron ou bleu. Ensuite, essayez avec ce code CSS, d'abord en remplaçant par mon image pour tester, ensuite par la votre.

Si la votre ne fonctionne pas, c'est que l'image a été mal faite.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Mar 22 Oct 2013 - 1:03

SeLfde4Th7 a écrit:Bonsoir Smile.

Les images avec de la transparence sont généralement lourdes et servimg les aiment pas, les avez vous héberger sur servimg ou autre hébergeur qui n'accepterait pas la transparence ?
Avez vous bien retiré la couleur des cellules avant de mettre l'image ?
Cherchez vous aussi sur votre forum une différence entre vos modules, votre flash player, votre navigateur ou autre entre vous et les membres qui n'ont pas le problème Wink.

Cordialement Smile.
Bonsoir SeLfde4Th7, j'ai réessayé la couleurs grise et cela fonctionne en utilisant le code css de Lixyr.
J'ai utilisé tinypic, moins de soucis ou presque pas pour héberger des gifs ou photos plus lourdes.
Je n'avais pas retiré la couleurs des cellules avant d'enregistrer l'image, maintenant, la couleurs des cellules est supprimée.
Un énorme merci  pour l'aide.

ok ::moitimide:: Yes 

@Lixyr a écrit:Autrement, faisons plus simple pour reproduire le soucis : donnez-moi le code de la vidéo que vous avez mise sur votre forum et qui bugg, je visualiserai ça avec le css.

Pour ce qui est de l'image de fond transparente :
Code:
.forumline {  background:transparent url(URL_DE_L_IMAGE_TRANSPARENTE) repeat !important;
}
Normalement, à 20px elle n'est pas trop lourde et donc est largement gérée par servimg.

Voici une image marron transparente que je viens tout juste de réaliser en suivant les directives que je vous ai données :
Si votre ami a également suivi les étapes comme il faut, ça devrait être bon, gris, marron ou bleu. Ensuite, essayez avec ce code CSS, d'abord en remplaçant par mon image pour tester, ensuite par la votre.

Si la votre ne fonctionne pas, c'est que l'image a été mal faite.
Bonsoir Lixyr,

Voici le code embed de la vidéo (il a fallu que j'ajoute http avant le :// du code car avec youtube, y a problèmes pour avoir le code complet pour le partage) :

Code avant modification
Code:
<iframe width="640" height="480" src="//www.youtube.com/embed/Fv8PhaA3DLc?rel=0" frameborder="0" allowfullscreen></iframe>
Code après modification
Code:
 <iframe width="640" height="480" src="http://www.youtube.com/embed/Fv8PhaA3DLc?rel=0" frameborder="0" allowfullscreen></iframe>
Le soucis est arrangé, les vidéos s'affichent correctement avec le code suivant :
Code:
.forumline {  background:transparent url(URL_DE_L_IMAGE_TRANSPARENTE) repeat !important;
}
J'ai testé avec votre image marron et c'est transparent, magnifique.
J'ai ensuite modifié le lien de l'image en hébergeant la grise, pfff, que dire, les codes deviennent trop compliqué pour moi.

Un énorme merci  ::moitimide:: ok Flowers2 



J'ai encore une question : les lignes de séparations ne s'affichent pas, est ce qu'il y a un endroit ou je peux modifier cela ? , j'ai regardé et testé dans couleurs mais rien ne s'affiche.




Mille MERCI pour votre patience et votre aide et surtout votre savoir. Clin d\'oeil 

Bonne soirée.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Lixyr le Mar 22 Oct 2013 - 9:31

Je n'ai plus les traits de séparation chez moi (surement parce que vous êtes sous Chrome), et ça va être difficile de les obtenir puisque vous avez mis un fond. Ces traits correspondent à un espace entre chaque cellule, qui n'existe plus maintenant qu'il y a un fond : l'image est le fond, et la couleur de fond blanche, elle, a disparut pour permettre la transparence. C'est l'un ou l'autre.

A moins que vous n'essayer ceci plutôt :

Code:
table.forumline {border-collapse : separated;}
table.forumline td { background:transparent url(http://i40.tinypic.com/fcif43.jpg) repeat !important;}
M'enfin ça ne changera rien à mon avis.

Autrement pour les enlever chez vous, vous pouvez mettre, à la suite du code que je vous avais donné avant pour le fond :
Code:
border-collapse:collapse;
ça donne :
Code:
.forumline { background:transparent url(http://i40.tinypic.com/fcif43.jpg) repeat !important;
border-collapse:collapse;}

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Mar 22 Oct 2013 - 12:56

@Lixyr a écrit:Je n'ai plus les traits de séparation chez moi (surement parce que vous êtes sous Chrome), et ça va être difficile de les obtenir puisque vous avez mis un fond. Ces traits correspondent à un espace entre chaque cellule, qui n'existe plus maintenant qu'il y a un fond : l'image est le fond, et la couleur de fond blanche, elle, a disparut pour permettre la transparence. C'est l'un ou l'autre.

A moins que vous n'essayer ceci plutôt :

Code:
table.forumline {border-collapse : separated;}
table.forumline td { background:transparent url(http://i40.tinypic.com/fcif43.jpg) repeat !important;}
M'enfin ça ne changera rien à mon avis.

Autrement pour les enlever chez vous, vous pouvez mettre, à la suite du code que je vous avais donné avant pour le fond :
Code:
border-collapse:collapse;
ça donne :
Code:
.forumline { background:transparent url(http://i40.tinypic.com/fcif43.jpg) repeat !important;
border-collapse:collapse;}
Bonjour Lixyr,

J'ai essayé les deux codes proposés et un désactive la transparence et l'autre ne fait rien changer, aucune différence.
Donc, le mieux que l'on puisse faire, c'est ce que l'on a fait jusqu'à maintenant ?

en tout cas, un Grand MERCI et une bonne journée.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Lixyr le Mar 22 Oct 2013 - 20:59

J'ai regardé sous chrome.
D'après la console, votre tableau a
border-collapse : separated;
automatiquement intégré. Ce qui est normal.

Du coup, essayez de mettre
Code:
border-collapse:collapse !important;
pour forcer les cellules à se coller entre elles.

Lorsque je teste dans ma console en mettant :
Code:
.forumline {
background: transparent url('http://i40.tinypic.com/fcif43.jpg') repeat !important;
border-collapse: collapse !important;
ça fonctionne très bien une fois que c'est forcé.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Mar 22 Oct 2013 - 21:45

Bonsoir Lixyr, j'ai modifié le code suivant :
Code:
.forumline {  background:transparent url(http://i40.tinypic.com/fcif43.jpg) repeat !important;}
  par  :
Code:
.forumline {
background: transparent url('http://i40.tinypic.com/fcif43.jpg') repeat !important;
  border-collapse: collapse !important;}
ça ne fonctionne pas Siffleur  , j'ai ajouté une accolade à la fin du code dont vous venez de me donner, je ne sais pas si c'est juste. Mince 

le code doit faire apparaître les lignes de séparations ?

merci et bonne soirée. Thanks 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Lixyr le Mar 22 Oct 2013 - 21:50

Ah oui, pour l'accolade, c'est tout à fait juste, je l'ai oubliée. Bien joué. ^^

Non, ce code est justement sensé supprimer les séparations que vous voyez sur Chrome, en surlignant.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Mar 22 Oct 2013 - 21:56

@Lixyr a écrit:Ah oui, pour l'accolade, c'est tout à fait juste, je l'ai oubliée. Bien joué. ^^

Non, ce code est justement sensé supprimer les séparations que vous voyez sur Chrome, en surlignant.
A ok, je veux justement faire apparaître les lignes de séparations, pas les faire disparaître.
Y a t il moyen ou alors, je perd la transparence ?

Merci Flowers2 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Lixyr le Mar 22 Oct 2013 - 22:12

Non, pas moyen. Comme je l'ai dit plus haut, à la base, les lignes de séparations apparaissent parce qu'elles laissent voir la couleur en dessous. Hors, maintenant, vous avez une couleur transparente en fond, qui permet de laisser l'image de fond appaitre comme telle (car si on met une couleur en dessous d'une image transparente, l'image laissera voir la couleur d'en dessous, mais le tout ne sera pas transparent), et donc comme il n'y a plus de couleur, on ne peut plus voir les lignes de séparation. Elles sont là mais on le voit que par surbrillance, car toute la classe forumline est touchée par le fond, les cellules et séparations y compris.

Sinon, et bien pour le code que j'ai mis un peu plus haut, vous pouvez quand même essayer ceci :

Code:
.forumline {border-collapse : separated; background-color:transparent !important;}
.forumline td { background:transparent url(http://i40.tinypic.com/fcif43.jpg) repeat !important;}
Si ça, ça ne fonctionne pas, alors je ne peux rien pour vos séparations.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Mar 22 Oct 2013 - 22:24

@Lixyr a écrit:Non, pas moyen. Comme je l'ai dit plus haut, à la base, les lignes de séparations apparaissent parce qu'elles laissent voir la couleur en dessous. Hors, maintenant, vous avez une couleur transparente en fond, qui permet de laisser l'image de fond appaitre comme telle (car si on met une couleur en dessous d'une image transparente, l'image laissera voir la couleur d'en dessous, mais le tout ne sera pas transparent), et donc comme il n'y a plus de couleur, on ne peut plus voir les lignes de séparation. Elles sont là mais on le voit que par surbrillance, car toute la classe forumline est touchée par le fond, les cellules et séparations y compris.

Sinon, et bien pour le code que j'ai mis un peu plus haut, vous pouvez quand même essayer ceci :

Code:
.forumline {border-collapse : separated; background-color:transparent !important;}
.forumline td { background:transparent url(http://i40.tinypic.com/fcif43.jpg) repeat !important;}
Si ça, ça ne fonctionne pas, alors je ne peux rien pour vos séparations.
voilà, le tout est réglé pour se soucis, je suis entièrement satisfait du résultat.
Les séparations en transparents, nikel, que demander de plus ?, rien, content, content.

Voilà, je peux mettre ce sujet en résolu  et il servira pour pleins d'autres personnes intéressée par la transparence.

Je tiens à remercier toute les bonnes âmes pour l'aide et surtout pour la patience.

Thanks Thanks Thanks Thanks ok Flowers2 Yahoo Bizz 

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par Lixyr le Mar 22 Oct 2013 - 22:46

Oh, voilà une bonne nouvelle. ^^

Et bien je t'en prie. Bon courage à toi pour la suite.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5645
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Gros soucis avec le code css pour la transparence des cellules

Message par bugsbuny le Mar 22 Oct 2013 - 22:48

@Lixyr a écrit:Oh, voilà une bonne nouvelle. ^^

Et bien je t'en prie. Bon courage à toi pour la suite.
Merci, mon forum donne autre chose maintenant, il a bien évolué grâce à vous.

Merci et bonne soirée.

bugsbuny
# Tropactif #

Masculin
Messages : 1185
Inscrit(e) le : 01/03/2007

http://grpw.exprimetoi.com
bugsbuny a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum