Bonjour Diabolo
A la création de mon premier thème sous le pmx-black, j'ai frissonné sur son code.
Je te donne un exemple:
- Code:
-
<!-- footer -->
<div id="footer" class="box-12-expand">
{FOOTMESSAGE}
<p>© {CURRENTYEAR} <a href="home.html">{$sitename}</a></p>
</div>
<!-- //footer -->
Que j'ai modifié par:
- Code:
-
<!-- footer -->
<div class="box-12-expand"><div id="footer">
{FOOTMESSAGE}
<p>© {CURRENTYEAR} <a href="home.html">{$sitename}</a></p>
</div></div>
<!-- //footer -->
De cette façon le padding du footer ne déforme pas la structure du box-12-expand.
Il y a beaucoup de conflits de ce style dans ce thème et je sais que ce thème sera revu par l'équipe de pragmaMx.
Et moi je suis impatient de travailler avec ce thème, alors j'aimerais savoir si tu as le temps de travailler avec moi pour l’améliorer, j'ai déjà une nouvelle version de ce thème, il me reste 2 trucs a comprendre et a corrigé pour qu'il soit parfait.
As-tu le temps de bosser avec moi ?
Slt,
Citation:Il y a beaucoup de conflits de ce style dans ce thème et je sais que ce thème sera revu par l'équipe de pragmaMx.
En fait dans ton cas c'est pas une question de conflit, quand j'ai créé ce thème j'ai utilisé à la base un framework dont j'ai réutilisé le code css
http://www.frontendmatters.com/projects/fem-css-framework/
Par conte dans le pmx-blank j'ai écrémé au maximum le frameworks en ne laissant que les regles utilisées.
Dans la portion de code que tu m'as indiqué ta deuxième solution est une erreur car tu ajoute un div qui n'a pas d'utilité mis à part alourdir le code html et css par la même occasion, pour pmx-blank j'ai préféré alléger au maximum.
Dans ton cas ça va fonctionner mais ton code n'est pas optimisé.
http://phrogz.net/css/HowToDevelopWithCSS.html
http://coding.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/
Faut partir du principe que moins y a de div mieux c'est
Citation:De cette façon le padding du footer ne déforme pas la structure du box-12-expand.
Donne moi un exemple en live mais si ça déforme c'est que la padding n'est pas appliqué au bon élément, car si effectivement tu met du padding left ou right au #footer ça va déformer.
Montre moi ce que tu veux faire et je te montrerais comment le faire
Citation:As-tu le temps de bosser avec moi ?
Oui pourquoi pas mais en partant du principe que le thème pmx-blank doit être la base ultra minimale d'un thème, c'est son but.
Après il est possible de contruire d'autres squelettes indépendants pour d'autre style de sites.
Peut être utiliser u autre grid comme
http://960.gs/
qui es bcp plus connu et peut être plus accessible.
[Edité le 16/1/2012 à 22:47 par Diabolo]
Voici une capture:
http://www.imagup.com/data/1141418165.html
Citation:Dans la portion de code que tu m'as indiqué ta deuxième solution est une erreur car tu ajoute un div qui n'a pas d'utilité mis à part alourdir le code html et css par la même occasion, pour pmx-blank j'ai préféré alléger au maximum.
Au code d'origine, tous les ID qui cohabitent dans la class: box-12-expand sont mal interprétés et si l'on veut les utiliser correctement, il faut les sortir de cette class.
Et pas besoin de retoucher au CSS et le code reste léger.
Le thème est bien créer et ultra léger, il ne reste que le paufinage
@++
[Edité le 17/1/2012 à 02:45 par Zoltatem]