Reprise du message précédent :
en fait faudrait une règle css qui dit si oui ou non il faut tenir compte des espaces

Ca permet d'indenter proprement en enlevant l'espace entre les tags, puisque l'espace à l'intérieur des tags (entre les attributs du tag) n'a réellement aucune signification (contrairement aux espaces entre les tags)

Elle existe, le problème vient des règles de parsing du XML

Ah oui, et du fait que la règle sur le sujet ne gère pas le cas "dégage tous ces espaces de merde qui me broutent grave"

ah, 'tain merci ... J'avais pas compris sa question (je dois être fatigué )
 
Ça doit être le "ce dernier truc" qui m'a perturbé ...
 
Oui donc voilà, c'est la réponse. D'ailleurs c'est ici que j'ai appris ça ^^

Le contenu de ce message a été effacé par son auteur

J'ai jamais eu de problème sur des listes comme ça

Par contre là j'ai un problème bien chiant, toujours avec les marges des images :

j'ai l'image "more" dans une cellule de mon tableau qui me rajoute une marge en bas.
Toutes les images sont bien en display bloc, et si je passe cette image en background de ma cellule je n'ai plus ce problème de marge

http://www.koskoz.info/test2/

Edit : pendant que j'y suis, je ne vois pas comment mettre une bordure enntre chaque ligne de mon tableau afin de séparer le texte et je n'arrive pas non plus à caller un padding-left à mon texte pour qu'il se décolle du bord

 
C'est quand j'utilise les <li> pour faire des menu horizontaux, qui ont l'apparence de boutons. Ça insère une espace entre les "boutons".
 
Concernant l'image "more", elle fait 17px de haut, et ton <tr> fait 18px de haut, donc c'est normal qu'il y ait du "jeu" en bas...

 
Soit tu met une classe particulière pour ta dernière cellule, dans laquelle tu vire le padding, soit tu lui met une couleur de background de la couleur de ton image...

 
Merci, c'était tout bête
 
Me reste le problème des bordures et le padding qui sapplique pas, et je viens de me rendre compte que je vais pouvoir appliquer un spacer...
 
Sinon, pour en revenir aux listes regarde le menu dans mon exemple, je fais toujours comme ça et aucun problème.

 
Hum, je me suis peut-être mal exprimé mais c'est pas ça que je veux faire : le design.

Je te parle de ton padding left. J'ai testé, et si on ajoute un padding-left à tes TD le texte se décolle du bord ...
Edit : Et puis avec un border-bottom tu as la bordure que tu veux ... j'ai du mal à saisir où se situe le pb je crois

C'est clair que c'est lourdingue cette histoire d'espaces blancs

J'ai testé aussi et j'ai rien de tout ça

Edit : quand j'applique un padding-left, ce n'est pas le texte qui se décolle mais les cellules
Par contre, problème de bordure résolu.

Edit2 : truc bizarre, si je fais ça : <td style="border-bottom: 1px solid #DCDCDC; padding-left: 5px">fd</td>
Ca fonctionne.
Par contre si je fais ça :

#last_news td {
background-color: #edf1f2;
height: 17px;
padding: 0 0 0 5px;
}

Ca décolle toute la cellule.

ca coute combien une banniere en flash genre www.tillate.com ou des animations genre http://www.soonnight.com ?

bon jvé me mettre au flash, vous avez des bon bouquin a me conseiller ?

Pour les cartes de france !? Une anim flash est elle vraiment nécessaire ? On peut sans doute faire (voir trouver) aussi bien (voir mieux) en HTML CSS Javascript.

'tain il me gonfle IE et son rendu pourri des PNG (et je parle pas de la transparence ...)

 
effectivement pour ca le flash est pas necessaire
apres pour ce que  j en ai testé il faut de sacrées bases en javascript (javascript et actionscript sont tous les deux basés sur ecmascript)

Whut

En dehors de la transparence progressive des PNG et du gAMA chunk il rend très bien les PNG MSIE

Bof, ça dépend si tu veux bien bosser ou si tu veux bosser tzigane, mais la majorité des flasheux ne bitent rien à l'ActionScript, ceux qui y comprennent quelque chose c'est les 10% du dessus (en dessous c'est copy/paste power), et ceux qui sont capables de coder correctement en AS c'est 5% de ça (le reste, c'est du niveau de notre chère cat PHP)

 
Alors pourquoi si je fais un PNG-8 avec une couleur disons #888ca9, et que je la fout sur un backgroud-color: #888ca9 ça me rend pas la même couleur ?
 
D'ailleurs j'avais déjà fais une capture il y a quelques temps que j'avais balancée ici, je vais essayer de la retrouver.

une <map> ça suffit pour faire ça hein

gAMA chunk, ça fait pêter un cable à MSIE.
 
Suffit de la dégager (genre avec TweakPNG), ou encore mieux de passer tes PNG dans un logiciel de recompression type PNGOut ou PNGOptimizer qui enlèvent systématiquement ce chunk, et peuvent faire gagner 5 à 25% sur un PNG sortant de Photoshop CS2 (save for web)

 
il a demandé un livre donc j imagine qu il veut bien bosser sinon il aurait suivi le didacticiel sur les interpolations a la con

ben ouai, je fréquente un topic où y'a que des maniaques du code, donc a force je deviens un peu pareil  
 
puis j'aime bien faire les chose bien, quand jme suis mis aux xhtml/css, j'ai débuté sur ce topic, quand je vois ce que je sais faire comparé a certains qui se prétendent webmaster je me dis que j'ai bien fait

Ah oui mais moi je parlais en général

Merci beaucoup (pour les liens aussi)

Edit : Et sinon, tant qu'on y est ... PNGOut ou PNGOptimizer ?

PNGOut compresse habituellement mieux (3% en moyenne, ça atteint 10% sur certains fichiers, mais sur d'autres il compresse moins bien que PNGOptimizer avec la config par défaut, si on trifouille pas les options), mais il est en ligne de commande donc plus chiant à utiliser que PNGOptimizer.
 
PNGOptimizer compresse en moyenne un peu moins bien, mais il est beaucoup plus simple à utiliser (drag & drop dans une fenêtre).
 
Pour le meilleur résultat j'utilise les deux l'un après l'autre (PNGOptimizer puis PNGOut), quand je ne veux pas me faire chier j'utilise juste PNGOptimizer.

Merci
 
J'ai testé PNG Optmizer et c'est vrai que c'est sympa. J'utiliserai PNGOut à la fin, sur la totalité des images.

Hello
 
une question toute bete pour commencer la semaine  
 
j'ai dans ma page ceci:

 
et dans le css ceci:

 
ben c'est pas pris en compte , si je met juste .aligneft dans le css (sans le img), là ça passe pourtant ma déclaration "img .alignleft" est correcte non ?

faut pas d'espace entre les deux, sinon tu définis la classe alignleft comme contenu dans un tag image.

plus précisément :
 
div .alignleft (avec espace) sera pris en compte dans ce cas : <div><img class="alignleft" /></div>
 
div.alignleft (sans espace) sera pris en compte dans ce cas : <div class="alignleft" />

Sinon, je dois faire un "beau" schema d'architecture technique pour des deciderz. Personne connaitrait au choix:
- un beau set d'icones eyecandy pour DIA ( les serveurs cisco ça leur plait pas)
- un autre outil (qui fonctionne sous nux)
 
Merki.

 
'tain chui con, j'avais un exemple juste au dessus dans ma css  
 
je mérite la bastonade

prem's  

Vous avez une méthode simple et efficace pour faire ça (positionner le lien "aide" à droite d'un h3) :
 

 
J'ai essayé avec un span en float right, mais ça va pas...

Qu'est ce qui ne va pas? Normalement un display:block + float:right devrait te permettre de faire ça sans soucis.

C'est le même principe que les labels dans un <p> accompagné d'un input

Y'a même pas besoin de display:block;

Bon merci pour toutes ces réponses, mais j'ai fini par me servir de visio ...

Si je mets un float right (avec display block ou pas), il va bien se coller à droite, mais il descend... il n'est plus du tout aligné...

Faut mettre l'élément flotté avant l'autre

Faut que tu mettes l'élément flotté avant

edit: Grillaid... et de deux minutes...

 
Évidemment ... 'tain les erreurs de noob quoi  
 
Merci à vous deux.