Mettre un module et un flux côte à côte [Réglé]
Menu central top
Support Général
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai tenté tant bien que mal à mettre un module (poll) et un flux (forum en racine) côte à côte pour mon accueil, mais je n'arrive pas à faire quelque chose de propre. Le flux passe toujours au dessus ou dessous de l'autre.
J'ai tenté de faire ceci sur le content.css :
Code CSS :
div#top-content .module-mini-container { clear: none; float:left; width: 48%; margin:1% }
Mais à mon avis, ce n'est pas tout ce qu'il faut faire .. J'ai pu voir ce tuto sur le forum, mais en 2014, rien depuis. Je ne comprends ensuite pas le float : left ..
J'aimerai que le module "poll" soit en margin 0 à gauche, un espace, puis le flux à 0 margin à droite. Juste un petit espace entre les deux.
En espérant que vous pourrez m'aider
Merci bien
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Mais il te faut un div principal incluant des div en float soit tout en left avec un clear both à la suite ou alors comme sur cette page dans le bout de code : <a href="http://easy-design.net/pages/page-index-modele-1-flux-cote-a-cote">http://easy-design.net/pages/page-index-modele-1-flux-cote-a-cote</a>
Oui je sais , c'est vieux, mais cela aide tout de même. remplace les valeur en px en pourcentage si tu veux <img src="/images/smileys/happy.png" alt="^^" class="smiley" />
Swan.
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Ce n'est pas assez clair pour moi .. J'ai vu ta page, mais je n'arrive pas à comprendre. J'ai essayé un peu tout depuis quelques jours, mais le mieux que j'ai réussi c'est avec le code ci-dessus .. Le reste j'ai fais plus de conneries que autre chose.
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Code TPL :
comme ceci .. et si cela ne fonctionne pas remplace les valeurs width en px.
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Mais ou veux tu que je mette ce code? Je ne compte pas refaire mon accueil (index.php comme ton tutoriel).
Je me sert du module news en accueil. Je souhaitais juste mettre deux éléments côte à côte en central haut uniquement sur la page news (Réglable facilement en éditant les modules ou flux dans l'administration et en affichage en module news / index.php).
Bien sûr, ça se complique un peu pour les autres modules en central haut (shoutbox sur le forum par exemple).
Peut-être que je devrais créer un menu de contenu et appeler le module poll et le flux forum? Est-ce possible? au moins, ce serai spécifique à ces deux.
Je pensais que ce serai bien plus simple tout de même vu que j'y suis "presque " arrivé en CSS.
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
Je viens de comprendre tu gères les flux par l'admin , seul soucis ils se placent l'un en dessous de l'autre ..
ok !
Essai cela dans ton design :
Code TPL :
div.block-container { float: left; margin-top: 15px; width: 50%; }
Moi c'est vers la ligne 284 dans le design.css, mais toi vu que tu as pas mal touché à ton css il te faut le chercher
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
J'ai fais deux trois changement, ça rend bien (j'ai mis right au lieu de left).
Seulement, ça prend en compte également le module de la shoutbox qui est aussi en central haut mais visible que sur le forum.
Comment puis-je définir que elle doit être en 100% elle? Une idée?
Merci encore
EDIT :
J'ai réussi à mettant ceci en fin de content.css .. Merci de confirmer le fait que ce soit bon .. A faire bien sûr avec tous les modules que j'utiliserai au préalable un jour :
Code CSS :
#module-mini-shoutbox.module-mini-container { background:#fbfbfb none repeat scroll 0 0; box-shadow: 0px 0px 8px #ddd; border:none; min-width:100% }
Je mettrai en résolu après confirmation. J'aimerai que ça reste "propre" comme code
Édité par MickaelFR Le 31/07/2016 à 19h48
Swan Membre non connecté
Booster Mortier
- Booster Mortier
- Voir le profil du membre Swan
- Inscrit le : 31/05/2013
- Site internet
MickaelFR Membre non connecté
Booster Fusée
- Booster Fusée
- Voir le profil du membre MickaelFR
- Inscrit le : 20/01/2014
- Site internet
- Groupes :
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie