Forum

Bonjour,

Je débute dans la création de site et je me suis orienté vers PHPBoost pour sa facilité de prise en main et sa richesse d'évolution mais je suis malheureusement confronté à un petit problème :


J'aimerai pouvoir aligner les blocs de mon site pour gagner en esthétisme.

Une photo illustrera très facilement mes propos et attentes :



L'idée est donc d'avoir un alignement vertical et de faire disparaitre les séparations horizontales.
Je suppose que ceci n'est pas très difficile en soit mais c'est pas évident de trouver quel fichier modifier quand on débute.


Merci par avance


EDIT : La balise image ne fonctionne pas ?

Désolé pour le multiposte, erreur de frappe de ma part...

Édité par Diego Le 02/06/2008 à 19h41

Tu veux que ça forme au final un et unique bloc ?

Au niveau du rendu, oui.

Esthétiquement, j'aimerai que les blocs soient délimités par leurs couleurs propres et non par la couleur du background du site.

En gros avoir mon header rouge, puis mon sous menu noir puis mon corps noir à nouveau, à la place du header rouge, d'une séparation grise, d'un sous menu noir, d'une séparation grise, etc

Même si le rendu ne sera pas forcement super j'aimerai tester pour me faire une idée et pour savoir un peu plus jouer sur les blocs

Il faut ouvrir design.css

dans la class links supprimer :

[code=css]margin-top:10px;
margin-bottom:10px;
padding-top:2px;[/code]

Le faite de supprimer ceci j'ai des défaut d'affichage .

Je viens de faire la modif' mais ça à juste légèrement resserré le bloc header et le bloc sous-menu. Un de mes collègues m'a parler d'un retour automatique après un "div" c'est peut être mon problème.

Question bête, le code html est contenu dans les *.tpl c'est bien ça ?

Oui , dans speed_bar.tpl surprime

Impeccable

Entre temps j'ai réussi à élargir le sous menu, je dois donc encore élargir le bloc "corps" (d'ailleurs j'ai pas trouvé le tpl correspondant) et faire en sorte que les articles soient joints quand on en met plusieurs.

Édité par Diego Le 30/05/2008 à 13h36

Il faut editer ../news/templates/news.css la class doit se nommé news_container il faudra supprimer margin_bottom etc ...

Génial, ça prend forme petit à petit

Plus que les deux barres grises à virer et se sera comme je voulais.
Je vais chercher dans la soirée, ça doit pas être trop dure et je commence à comprendre la logique

Tu travail en local ? sinon pourrais tu me donner l'adresse de ton site , même par mp que je puise regarder

merci .

Je boss en local effectivement mais des qu'il sera en ligne je t'enverrai l'adresse si tu veux

J'ai réussi à virer l'espace gris du footer (margin-top:0px au lieux de 10), plus que celui du haut à trouver.

Édité par Diego Le 30/05/2008 à 19h12

Regarde dans la class header la hauteur que tu as mis par rapport à ton image .

Je comprends pas, dans le design.css ? Si oui, je vois pas de hauteur fixée pour le header (??)

J'en vois pour le sub-header mais pour le moment ça semble pas régler mon problème.

Donc regarde le subheader alors si tu ne l'utilise pas vire le tout simplement

Ce fut avec plaisir mais je l'utilise

Je cherche, je cherche mais j'ai toujours pas trouvé d'où vient cette barre grise...

EDIT : Trouvé après 1heure de recherche intensive, pfiouuuuu

Édité par Diego Le 30/05/2008 à 21h24