Reprise du message précédent :
Hello,

Pour ceux qui sont pas des gros noobs du CSS comme moi, j'ai une question, avec un schéma de qualité :
http://s3.noelshack.com/upload/577 [...] schema.jpg

C'est ce que je veux faire. La zone rouge devrait être de hauteur fixe, les carrés verts étant des divs (avec une width/height définie) floatés. Je peux en avoir un certain nombre, et quand c'est trop grand pour que ca s'affiche dans le cadre rouge, je voudrais une scrollbar HORIZONTALE sur cette zone. Or actuellement ces débiles de div passent à la ligne, la largeur de mon conteneur rouge n'augmente pas. Si je fixe la width du rouge a un grand nombre de pixels, ça passe, mais c'est pas très propre et j'aimerai comprendre comment faire ça proprement en CSS
NB : Par défaut j'ai pas de "width" fixée sur le div rouge. Et pour le positionné par rapport à la zone noire fixe, j'ai essayé en position absolute, en float etc... Ca ne change rien.

Merci d'avance.

ya une techeuniqueueeee c'est de forcer les éléments à toujours être sur la ligne.
 
 

 
Voila

 
 
J'étais en train d'essayer de trouver mais j'y arrivais pas (sauf avec un tableau). Avec ta technique ça marche:
http://jsfiddle.net/2CvMH/
 
Edit: shit mon jsfiddle s'est pas enregistré...

Il y avait aussi la solution de mettre un conteneur en position:relative; et de mettre le UL en position:absolute dans width. Et conserver les LI en float:left.
Ca marche aussi.

Merci, je vais tester tout ça.

C'est pris en charge par Google Fonts. Visite ce lien avec Firefox ou Safari.

Ta gueule.

J'ai dit au pire, car c'est le seul moyen passe partout si on veut être ISO psd , même lest Googles fonts and co ne sont pas au meilleur de leur forme dans tous les navigateurs

 
Je la ressortira celle là
 
Google fournit du woff, et IE9 a un meilleur rendu que Chrome. Sous IE7 et 8 la police est moins grasse et autant aliasée que sous Chrome.

 
Il ne génère bien que du woff, je ne vois pas le rapport avec ce qu'il dit ?

Ben tu peux être iso PSD au niveau des fonts et des éléments essentiels du site. Après si tu as 10px de différence en hauteur sur l'ensemble de la page oui c'est normal,  mais après ce n'est pas très compliquer de faire quelque chose de crossbrowser et presque iso avec la maquette fournies sans faire de merdes de css et de fixes à la con. Il faut juste maitriser les éléments de base et hop c'est torché

 
En local en plus  

je savais aps que gzip/defalte pouvaient m'emmerder jusque dans ma propre maison

tu ne sais plus configurer un vhost ?

C'est par défaut
 
Mais putain quand est-ce que ce sera stable ces conneries de gzips tout de même.

dites les jeunes, comment je peux détecter si le navigateur supporte l'upload de fichiers ? (notamment les mobiles)
http://stackoverflow.com/questions [...] ut-element
j'ai ça mais ça ne marche pas sur android qui pourtant est incapable d'uploader le format de fichier qui m'intéresse (KML ou KMZ).  
 
Pour le contexte : je fais un site de partage de fichiers, mais je veux sur mobile masquer la partie upload et ne montrer que le répertoire de ce qui a été uploadé par les autres.

Modernizr fait pas ?

non

le petit 0x90 avait déjà répondu à cette question et c'était même toi qui a posé la question
 
tu créés un input type="file", et tu regardes s'il est disabled. S'il est disabled, ben ca veut dire que le navigateur ne supporte pas.

edit: peut être la dedans? http://diveintohtml5.org/detect.html#input-types ?

c'est le mec qui fait Modernizr.

Comment vous feriez pour détecter les navigateurs android ?

A la bite et au couteau via le user agent ?

/Android(\;|\d)/.test(navigator.userAvent)

ok, merci

quote et uppe

dites y'a des outils pour extraire un bout de page avec tout son style (genre le mettre inline) pour le poster sur un forum et demander de l'aide ?

heu c'était userAgent pas userAvent
 
Et pour ta dernière question, à ma connaissance, je dirais non

1) ouioui, pas d'embrouille j'ai vu la typo

2) je sais pas ce que j'ai foutu dans mon truc et il a pas la bonne gueule

edit : trouvé mon bug tout seul \o/

un Nraynaud bug ?

Avec Firefox 5.0.1 ça sort du woff, avec Safari 5.0.5 ça sort du truetype. Safari 5.1 supporte le woff donc c'est ce qui est utilisé.

Franchement ISO psd au poil de cul on s'en fout quand en face t'as une font qui fait 3mo.

 
Ah ouais, pas mal.

J'ai oublié tout mon CSS de base, je sais même plus comment centrer un bloc

Tu lui donnes une largeur != 100% du parent et t'appliques une marge auto à gauche et à droite.

C'est pourri ça, parce que ça impose de hardcoder la largeur du bloc

Mais dans le spirit de fuck IE, je le mets en inline-block et je text-align: center sur le parent \o/

 
fontsquirell modifie la police et en particulier le hinting pour optimiser l'affichage dans un browser, et c'est assez efficace. La police LiebeErika (provenant de MyFont) affichée en page d'accueil en gros sur mon site perso (et en + petit sur toutes les autres pages) a été passé à la moulinette sur Fontsquirell, le résultat est sans appel ! tu devrais essayer

Ya pas moyen de faire des boutons non-symétriques en CSS sans utiliser d'images, correct?

Expand "non-symétriques"

Bah genre
(non symmétrie horizontale, la flèche à droite alors que la gauche est droite, le reflet volume machin je m'en bat la rate)

http://jsfiddle.net/NU55e/2/ ?

Ah si, avec un élément interne dégueu et à grands coups de borders je dois pouvoir faire quelque chose. Ou alors je met juste un arrondi avec du border radius.