- Forums
- Joomla 3.x
- Discussions générales
- Extensions-tierces
- Modules
- [Réglé] style css pour déplacer 2 images dans un module
Résolu [Réglé] style css pour déplacer 2 images dans un module
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
04 Mar 2015 09:55 #1
par wroom69
style css pour déplacer 2 images dans un module a été créé par wroom69
Bonjour,
Je travail en local sur un nouveau site et je voudrais enlever 2 images (qui sont une ombre sous le slide)
-> le slide c'est simplespotlight en position slidebar2.
J'ai des problémes d'alignements verticaux entre le titre, le slide et mes 2 images.
Pour le titre et le slide j'ai trouvé pour les déplacer à droite où à gauche. Pour
les 2 images, je ne trouve pas !
J'ai la position du moduleLes 2 classes des imagesDans custom.css comment affecter le module (#sp107.slideshow) aux 2 classes que j'ai modifiées pour les supprimer ?Où alors si c'est pas possible, déplacer ces 2 images à droite où à gauche
Je travail en local sur un nouveau site et je voudrais enlever 2 images (qui sont une ombre sous le slide)
-> le slide c'est simplespotlight en position slidebar2.
J'ai des problémes d'alignements verticaux entre le titre, le slide et mes 2 images.
Pour le titre et le slide j'ai trouvé pour les déplacer à droite où à gauche. Pour
les 2 images, je ne trouve pas !
J'ai la position du module
#sp107.slideshow
.bgs_bottom_left { background:url(../img/shadow_left.png) 0 0 no-repeat ;width:50%;float:left;height:57px;}
.bgs_bottom_right {background:url(../img/shadow_right.png) top right no-repeat ;width:50%;height:57px;line-height:0%;font-size:0%;float:right;}
.bgs_bottom_left { background:none}
.bgs_bottom_right { background:none}
Connectez-vous ou Créer un compte pour participer à la conversation.
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
04 Mar 2015 10:44 - 04 Mar 2015 10:57 #2
par wroom69
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module
J'ai fais des erreurs
La classe concernée c'estet pour le moduledonc #mod107 ??
Avec firebug je voisIl faudrait que je déplace cette classe à gauche si c'est possible.
ce doit êtreComment le coder pour cette position de module ?
La classe concernée c'est
.bgs_bottom
"id="mod107"
Avec firebug je vois
<div class="bgs_bottom" style="margin:0px auto">
ce doit être
margin-left:0;
Dernière édition: 04 Mar 2015 10:57 par wroom69.
Connectez-vous ou Créer un compte pour participer à la conversation.
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
04 Mar 2015 14:23 - 04 Mar 2015 14:23 #3
par wroom69
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module
Bon j'ai mis le slide sur mon site en signature pour test
Dernière édition: 04 Mar 2015 14:23 par wroom69.
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
04 Mar 2015 19:01 #4
par tramber91
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Réponse de tramber91 sur le sujet style css pour déplacer 2 images dans un module
Bonjour
à mon avis faut jouer sur style.css du module
manip a refaire à chaque maj module
à mon avis faut jouer sur style.css du module
.bgs_bottom {background:none;height:5px;width:100%}
.bgs_bottom_left { background:none;}
.bgs_bottom_right {background:none;}
manip a refaire à chaque maj module
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Connectez-vous ou Créer un compte pour participer à la conversation.
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
04 Mar 2015 23:26 #5
par wroom69
A demain merci
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module
J'ai un fichier custom.cssmanip a refaire à chaque maj module
Je crois que j'avais essayé, je recommencerais demain..bgs_bottom_left { background:none;}
.bgs_bottom_right {background:none;}
Pourquoi height:5px au lieu de 57px, c'est une faute de frappe ?.bgs_bottom {background:none;height:5px;width:100%}
A demain merci
Connectez-vous ou Créer un compte pour participer à la conversation.
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
05 Mar 2015 14:01 - 05 Mar 2015 14:04 #6
par wroom69
Réponse de wroom69 sur le sujet style css pour déplacer 2 images dans un module
Bonjour,
J'ai placé le code
[code type=php.bgs_bottom_left { background:none;}
.bgs_bottom_right {background:none;}
][/code]
dans style.css du module et je n'ai plus mes 2 images.
Dans custom.css au niveau des css du template ça ne fonctionnait pas.
Par contre dans custom.css j'ai placé le code suivant qui fonctionne, afin de déplacer le titre sur la droite.Mais ça affecte tous les modules. J'ai essayé avec l'id du moduleça ne marche pas !
J'ai placé le code
[code type=php.bgs_bottom_left { background:none;}
.bgs_bottom_right {background:none;}
][/code]
dans style.css du module et je n'ai plus mes 2 images.
Dans custom.css au niveau des css du template ça ne fonctionnait pas.
Par contre dans custom.css j'ai placé le code suivant qui fonctionne, afin de déplacer le titre sur la droite.
.module-title {
background: none repeat scroll 0 0 transparent;
color: inherit;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
padding:30px;
}
}
#Mod127.module-title {
background: none repeat scroll 0 0 transparent;
color: inherit;
font-size: 18px;
font-weight: bold;
margin: 0 0 10px;
padding:30px;
}
Dernière édition: 05 Mar 2015 14:04 par wroom69.
Connectez-vous ou Créer un compte pour participer à la conversation.
Droit d'accès du forum
- Vous ne pouvez pas: Créer un nouveau sujet.
- Vous ne pouvez pas: Répondre au sujet.
- Vous ne pouvez pas: Éditer votre message.
Modérateurs: xillibit, tramber91, Scottux, serge, starter
- Forums
- Joomla 3.x
- Discussions générales
- Extensions-tierces
- Modules
- [Réglé] style css pour déplacer 2 images dans un module
Temps de génération de la page : 0.517 secondes