Aux as des css - Yet Another Community System

Aux as des css

J'ai facilement pu adapter le style Joi pour faire mon site
mais j'aimerais un cahngement plus profond et je n'y arrive pas. En fait, je voudrais pousser les "boites" vers la droite.
Donc mes articles prendraient toute la place sous la bannière (largeur actuelle du site) qui serait toujours centré sur la page.
Les boites de navigations, extras,... seraient justes poussées sur la droite.
Est-ce seulement faisable?

Files

Une feuille de style modifiée pour le Grenier des mamans 44,919 bytes, 98 downloads
La feuille de style CSS du Grenier des mamans, modifiée pour pousser les boîtes du side_panel vers la droite.
Edited by Lasares on Mar. 23 2007
Zoom

1 file

Comments

Bernard from nearby-an-airport Associate, 6796 posts	on Mar. 22 2007 As-tu l'intention de rester en largeur fixe, ou de passer en mise en page "liquide" ?
Macnana 329 posts	inspired from Bernard on Mar. 22 2007 Bernard : fixe , en tout cas pour la partie sous le bandeau.
Lasares from L'Île-Bizard à Montréal, Québec 709 posts	on Mar. 23 2007 Si j'ai bien compris, tu voudrais sortir les boîtes du side_panel d'en dessous de ton bandeau et les placer plus à droite, mais en conservant le bandeau centré sur la page du navigateur. C'est un peu complexe et il faudrait que j'explore davantage. Par contre, dans l'immédiat, si tu veux simplement pousser les boîtes vers la droite et récupérer l'espace sous le bandeau pour tes textes, j'ai une solution pour toi. Il suffit d'élargir le wrapper de 200px (la largeur du side_panel) et le main_panel d'autant. Dans le header_panel, tu dois aussi empêcher ton bandeau de se répéter dans ce 200px supplémentaire. Voilà : trois lignes de code et c'est fait. Mais c'est tout cet arrangement (970px maintenant) qui est centré et non seulement ton bandeau. Remarque qu'avec cette largeur, la majorité des internautes verront de toutes façons la page alignée à gauche sur leur écran, s'ils affichent leurs favoris. Je te joins la feuille de style modifiée pour produire cet effet. C'est ta feuille `grenier.css`, rebaptisée `macnana.css` avec les 3 modifications suggérées, que tu trouveras facilement en recherchant « AJAL » dans le texte (pour ajouté par Alain). Et si tu veux voir de quoi ça a l'air, je t'ai laissé mon site de test en version Grand grenier !
Lasares from L'Île-Bizard à Montréal, Québec 709 posts	on Mar. 23 2007 J'ai fait des tests supplémentaires et réussi à garder le bandeau centré, tout en déplaçant les boîtes vers la droite, juste comme tu le voulais (tel que je l'ai compris). Il suffit de régler le side_panel à `position: relative`, puis à le positionner avec `top` et `right` (ou `left`). On peut même utiliser des valeurs négatives. Mais je n'ai pas poussé mes tests très loin, parce que... Ce n'est pas une bonne idée !!! En faisant cela, on risque de placer une partie des boîtes (sinon la totalité, sur un petit écran) en-dehors de l'écran. Et il n'y a pas de bande de défilement pour y avoir accès. Il y a peut-être une autre solution, mais ça dépasse mes compétences, désolé.
GnapZ from Caribbean 2970 posts	inspired from Lasares on Mar. 23 2007 Lasares : Bravo, bel exemple de maîtrise du Css !
Macnana 329 posts	inspired from Lasares on Mar. 23 2007 Lasares : Wahou merciiiiiii

6 comments

Rate this page
Posted by Macnana on Mar. 22 2007, commented by Macnana on Mar. 23 2007, (popular)