Reprise du message précédent :
Found : encore une fois, leur clearfix est pas bon. Faut mettre content: ".", et ça roule sous Chrome

#header {
  display: -moz-box;
  width: 100%:
  -moz-box-pack: center;
  -moz-box-align: center;
}

 
Je vais me renseigner là dessus.
Actuellement ça centre bien verticalement mais le background fait la largeur du H1.

 
Ils étaient bourrés lorsqu'ils ont fait la CSS
 
Merci

non mais ils doivent être un peu débutants en CSS

C'est surtout qu'ils linkent l'article de yahoo sur le clearfix mais qu'ils n'utilisent pas le même code

Oublie pas le width: 100%

 
Oui, même avec le width: 100%;
 
Je suis en train de lire un article sur le flexible box model, putain c'est puissant

Il était géré dans une des platform preview d'IE9, mais retiré de la RC Le fait que ça ne soit qu'un Working Draft pour l'instant n'a pas dû aider

Ils vont pas prendre de l'avance non plus faut pas déconner, ya des limites à la consience professionelle.

Sinon c'est dommage que j'ai pas découvert ça avant d'avoir fait les 3/4 d'un site FF4-only que je dois faire (

Les sites il faut les travailler toujours sur un modele de grille (oocss, ou autre (les autres étant merdiques)) ensuite tu es tranquille pour monter ton site et c'est cross browser

tu peux expliciter un peu pour les noobs ?
 
sachant que moi en général je travaille sur des écrans (d'appli web) et pas sur des pages;

Tu pourrais un peu développer sur OOCSS ? Ça fait 15 fois que je vais voir, et j'ai toujours rien compris à leur binz

au depart on travail avec un systeme de "lignes" et de "colonnes"
Dans une ligne tu mets toutes les colonnes que tu veux, tu leurs définis une largeur. La dernière colonne d'une ligne prend le reste de la largeur, ainsi on n'est jamais emmerdé par les colonnes qui retournent à la ligne.
 
Les largeurs des colonnes sont exprimés en pourcent ou en px, tu peux mettre ce que tu veux, et la dernière colonne ne doit pas avoir de largeur, puisqu'elle prend le reste automatiquement (pas de JS) juste un subtil mélange de contexte de formatage (ou similaire cf sont clearfix spécial).
Tu peux déjà regarder ici :
http://oocss.org/grids_docs.html
 
Dedans on y colle des "mods", les mods sont des blocks qu'on peut styler comme on veut en leur collant simplement des classes.
Les mods peuvent s'étirer en largeur ou en hauteur, et doivent être utilisables partout et ne pas être dépendant d'un élément parent. En tout cas on évite.
 
Ensuite on essaye aussi de faire autant qu'on peut des contenus extensible, pas de largeurs figées à l'intérieur, évidement ce n'est pas tout le temps possible.
 
enfin bref, en agissant ainsi pas besoin d'une multitude de hack ou de bricolage pour que ça marche dans N browser.  
 
Toutes les CSS qui sont écrites dans OOcss sont réfléchies, ya pas de bricolage "parce que j'ai découverte que ça marchait comme ça alors je touche plus".

comment tu fais pour gérer la diversité d'affichage avec ça ? y'a des gens qui peuvent mettre 400 lettres dans la largeur de l'écran et y'en a d'autres qui peuvent en mettre 50.
 
 
Ceci dit, faire porter le chapeau aux développeurs web quand ce sont les navigateurs qui sont pas unifiés, respect.

 
tout ça pour finalement juste remplacer un tableau

Pas faux mais en même temps 95% des sites (chiffre totalment arbitraire ) présentent un schéma de mise en page "tabulaire"

Encore une fois de plus ce sont les débutants qui n'ont pas encore compris.
 
Pour la structure, c'est toujours à la mano, une colonne centrale, une colonne à gauche et/ou une à droite et basta.
Le système de line et units ne sert que pour le coeur de page, mais on ne remplace pas un tableau, le tableau est fait pour les données tabulaire.
 
nous c'est juste un système de "grille" comme tu trouveras sur blueprint et autres confrères. Mais en plus de ça tu as un système de blocs et de contenus prédéfinis, que tu peux utiliser dans tes pages.  
C'est surtout un gain de temps qui prévoit que les contenus et conteneurs sont extensibles. Cela permet de prendre les éléments et de pouvoir les mettre n"importe où.
 
Quand on construit un site, on définit les "blocs", on monte ça dans une page avec différentes déclinaisons. Ensuite il n'y a plus qu'à jouer aux légos avec les blocs, et on peut monter toutes sortes de pages hyper rapidement.
Notre framework CSS qui est à l'origine de OOCSS, permet de s'intégrer facilement à un CMS qui permet de construire des pages assez customs.
 
On n'a plus de notion de "template" mais un méthode générique pour monter tous les templates qu'on souhaite.

c'est marrant de devoir te taquiner pour que tu donnes la vraie plus value pour le designer et le developpeur par rapport a un tableau : des blocs , pas uniquement des lignes et des colonnes

Bah j'ai des invités chez moi et je n'ai pas trop le temps de sortir un gros laïus

Yo guyz!!
 
j'ai acheté cette police sur MyFonts avec la licence WEB pour pouvoir l'utiliser sur mon futur folio en toute légalité. Sauf que leur systeme chez MyFonts est une vrai daube... Sur Webkit tout va bien (normal), sous FF4 / IE9 aussi, mais sous FF3.6 / IE6 / 7 / 8, j'ai des gros bug d'affichage sur certaines tailles.. certaines parties de lettres sont complètement supprimées... une image parle mieux qu'un long discours...  
 

 
le hinting merde complètement avec la fonte sur Windows..
 
Donc j'ai pris ma fonte OTF (utilisation Desktop, licence limité à 5 machines), je l'ai passé sur le @font-face generator de Font Squirrel, et oh surprise!! la fonte est rendue parfaitement sur Windows, que ce soit sur IE ou sur FF 3.6. Y'a même de l'anti-aliasing sur IE7 / 8.
 
Donc mes questions:
- Comment ça se fait que le generator de MyFonts (qui est quand meme une référence) soit aussi daubesque?
- Puis-je utiliser les polices converties par Font Squirel au lieu d'utiliser le truc de MyFonts, c'est pas très légal hein ?

 
Toujours autant de tact ce gatsu

Tu adaptes la largeur des tes colonnes en fonction de ton besoin. Ça fonctionne exactement comme un tableau à l'époque sauf que tu gagnes la flexibilité à l'écran.

J'ai aussi un système comme ça, avec des conteneurs qu'on peut redimensionner pour en faire soit des lignes, soit des colonnes (interactivement en JS). Et le nombre et la dimension des colonnes sont fixés (genre avec 978gs, 12 colonnes de 54px + 30px de marge), du coup je peux facilement forcer une colonne à passer sous toutes les autres s'il n'y a plus de place, et éviter qu'elle se cale sous une autre. Et ensuite on peut foutre des widgets dans ces conteneurs pour composer des pages. Je ferais peut-être 1 ou 2 screenshots si vous êtes gentils ou si vous avez rien compris
 

Ok, ça j'ai aussi, des classes génériques applicables à des éléments. Par contre j'ai encore quelques dimensions fixées que je voudrais bien virer, mais j'y travaille.

Bof, je serais tenté de dire plutôt "remplacer des tableaux imbriqués dans tous les sens"
 
Là je constate avec un combo float, le clearfix de Thierry Koblentz, et une bonne grille, on arrive à quelque chose de très puissant, sans la lourdeur des tableaux.

nan mais je trollais
C'est juste que les avantages présentés par gatsu ne permettaient pas de l'emporter sur un bete tableau
 
Ce qui est dommage pour quelque chose de cette puissance

Comment peut-tu comparer ça à un bête tableau alors que les "blocs" mis dans les colonnes sont tous de hauteurs différents.
 
Si tu commences à comparer un conteneur avec des enfants flottés avec un <table> arrête la CSS tout de suite.

ta définition d'origine ne parlait que de lignes et de colonnes et insiste sur le fait que la largeur fonctionne comme un tableau. Super.

Ne confonds pas les moyens ( table / float / contexte de formattage) avec les objectifs (design, maintenabilité, accessibilité).Les moyens utilisés n'ont finalement que peu d'importance, alors que tu insistes dessus.

Ce qui est intéressant dans OCSS, c'est que ça permet d'atteindre ces objectifs assez simplement. Tout du moins plus simplement qu'avec les autres approches que j'ai pu voir/essayer.

Je n'utilise plus les tableau pour les mises en pages parce qu'ils  créent plus de problèmes qu'ils n'en résolve, pas pour une question de principes.  

vous conseillez quoi pour decliner un site (news, images, ...) en web app mobile (iphone / android / blackberry) niveau framework si il y en a ?

type framework css / js mobile, mais je trouve rien de bien interessant ?

http://jquerymobile.com/ pour le js

J'ai une vision plus industrielle de la CSS, avec la possibilité de réutiliser tes briques n'importe où dans n'importe quelle condition.

jqtouch, mais comme ce que te conseille flo, c'est certes cross platform mais aussi mono paradigme.

Salut la compagnie, une idée de comment faire ça proprement:
 
je crée un fichier css à la volée.
puis je doit modifier le fichier css actuel par ce dernier.
 
Malheureusement le temps que le nouveau fichier se charge, le style de la page disparait.
 
une idée pour avoir un sorte de onload sur le CSS ?
 
(Possibilité: un script JS qui va checker l'existence ou non d'une class générer avec le nom de la révision du CSS et contenu dans ce dernier et ainsi faire le switch)
 
Merci

C'est quoi l'idée derrière ton truc?

J'ai du aller voir dans wikipedia pour "paradigme"
 
merci pour les liens , je retiens jquerymobile, jqtouch me "botte" un poil moins, je posterais un lien quand la declinaison mobile sera faite

<moche>
Une image en display:none avec un onload.
Un style dans ton css à charger qui met l'image en display:inline;
</moche>
 
Ça fait un onload sur le css, mais je suis pas bien sûr de comprendre l'histoire de style qui disparaît, quand un css est en cours de chargement ça fait pas sauter les styles déjà chargées.

http://backtothecode.blogspot.com/ [...] vents.html

C'est un peu dur à appréhender JavaScript MVC

C'est un peu naze Javascript MVC.

http://documentcloud.github.com/backbone/

Bonjour,
 
Pourriez vous me dire ici, si il est possible de supprimer le soulignement des liens hypertexte ?
Et comment, ou où je peux savoir comment ?

a { text-decoration : none; }