Reprise du message précédent :

Yep j'ai vu ça aussi, mais ce qui me pose un pb de conscience c'est du coup Firebug me sort une interprétation du css super redondante genre :

a, a.a {style.css (line 48)
color:#1C171B;
text-decoration:none;
}
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
margin:0px;
padding:0px;
}
Inherited fromdiv.casenom
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited fromli
#styles li li, .casetri {style_styles.css (line 28)
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#styles li {style_styles.css (line 14)
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
li {style.css (line 56)
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited fromul
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited fromli
#styles li {style_styles.css (line 14)
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
li {style.css (line 56)
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited fromul
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited fromdiv#styles
#styles {style.css (line 120)
font-size:10px;
}
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited fromdiv#global
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited frombody
body {style.css (line 8)
color:#1C171B;
}
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
Inherited fromhtml
* {style.css (line 1)
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}

Et là, à premiere vue comme ça, ça sonne "lent"

Tu peux le faire, uniquement si tu redefinis beaucoup de styles, sinon y'a aucun interêt.

Ben je redéfinis à peu près tout donc bon...

Mais si tu redéfinis tout, t'as pas besoin de reset

Nan mais sinon j'ai viré la font de "* {" et j'ai fait une règle "h1, h2, h3... , input, textarea... {" ça me semble quand même plus classe en tout cas c'est plus joli dans Firebug

 
ce qui te permet apres de remettre le style que tu veux sur ces élements  
 
perso , j'utilise cette css  systématiquement

Le but c'est d'avoir une base commune coté marges et espacements divers, après quand je design un truc from scratch je bosse toujours avec les marges.
 
Y'a pas mal de gens qui virent les marges parce qu'ils ne les maitrises pas, et comme je l'ai dis auparavant, un paragraphe sans marge c'est une div

 
tu as essayé de mettre un <ul> dans un <p> ?  
maintenant , mets un ul dans un div et dis moi si tu vois une différence  
 

 
Ah mais je sais, je le prévenais juste
 
Parce que y'en a qui foute un reset et qui après ne comprennent pas pourquoi leurs puces se sont fait la malle

Juste pour dire après expérience : il faut pas mettre de police dans le "* {}", sinon toute définition de police dans un parent sera à répéter sur tous les enfants

C'était la pensée du jour

 
Ben c'est un peu ça quand même ...tout comme un <abbr> c'est un span avec un border-bottom etc.

Whut?

Ca doit faire deux trois projets que j'utilise le reset CSS, et c'est assez déconcertant au début.
 
Les propriétés des tableaux ne fonctionnent plus dans la structure xhtml, obligé de passer pour la CSS pour régler ses marges, etc.
 
D'ailleurs au début je ne comprenais pas vraiment

 
Et en mettant un inherit sur * et en définissant la police sur HTML non ?

Nan mais c'est bon, j'ai mis la police sur le body et sur h1, h2, etc, et sur "*" j'ai que les marges à 0.
 
Et les inherit, !important etc, je maitrise pas

Certes, mais ça n'a pas la même valeur sémantique, et i.e utiliser une div avec des marges maisons pour formater du texte c'est con. Je vois vraiment pas l'interêt, surtout pour un paragraphe, de virer les marges.

De toute façon tu dois les refaire pour avoir le mm affichage sur tous les navs  

Le but du reset c'est de virer les marges pour mieux les refaire après on est d'ac ? ou c'est moi qu'ai pas compris

Ouais, on est d'accord, mais alors pour un paragraphe stotalement con de s'emmerder avec les marges. D'aucune manière si le design est un minimum bien foutu ça va te péter à la tronche

 
Justement, y'a pas une seule fois où je ne dois pas les retoucher les marges de paragraphes. La plupart du temps elles sont trop importantes, ou bien le fait qu'il y ait une marge en haut fait que ton premier paragraphe est trop bas par rapport à la mise en page etc.
 
Donc autant tout virer, et au moins on voit tout de suite où il faut ajouter/enlever des marges ou du padding.
 
En plus de cette manière tu as plus de chances d'avoir un truc ressemblant dans tous les navigateurs.
 
Une marge à 0 sur un <p>, il va falloir que tu la définisses à ce que tu veux (donc ça sera défini pareil pour tout le monde), alors que si tu dev sous FF par exemple, que la marge définie te plait, quand tu iras sous IE t'auras pas forcément la même ... et va falloir te faire chier à remodifier quand même la marge ...
 
Donc au final, autant commencer sur du vierge.

bien dit DJ (:o).
 
Sinon je me souviens plus la propriété CSS qui remplace "left:6px; right:12px; top:50px; bottom:50px;" (ou juste left-right, je sais plus) ? Ca existe bien hein ?

et le résultat

vous conaissez un logiciel pour faire des schémas facilement ? du genre, avec des formes arrondies; où on puisse changer rapidement de couleur, de texte... j'ai pas envi de me faire chier avec Photoshop  
 
g testé Portable DIA, mais j'aime pas

Inkscape

Ok.
 
Et pourquoi tu voudrais faire ça, (en omettant que ul est de type bloc, et donc que la majorité du temps il n'a pas besoin d'un conteneur) sachant que tu peux pas mettre un ul dans un p?    

déja entendu parler, c'est pas un espece d'illustrator ça ?

Si et ça déboite un anus de taureau une veille de feria
 
@DJ : J'aurais bien aimé te montré un truc, mais mon serveur semble unreachable
Y'a pas quelqu'un qu'a un ssh aux US? ²

ce avec quoi je suis pas d'accord  
div et p se ressemble mais ne se comporte pas pareil  

je faisais que repondre a ce que tu as écris ( que j'ai peut etre mal compris )
 

 
Hum, les serveur 1and1 ils sont en France ?

 
chui en train de tester, c vrai que y'a des fonctions bien intéressantes, les dimensions des objets qu'on peu modifier a la volée, le mode de remplissage de la couleur, la gestion des dégardés  
 
je teste depuis 10min et ca commence a me plaire  
 
merci

 
T'as un truc pour faire des ligne auto-réajustables entre 2 objets et qui savent éviter d'autres objets, ça peut servir pour les schemas (par contre elles sont pas super sexy).

Je suis tout à d'accord avec toi, mais justement, ça peut porter à confusion avec un truc genre

Finalement les deux élements ont un contexte totalement différent, comme tu l'as illustré  
@Dj :

'tiiiinnnng

J'ai un vieux problème de marges sans marges

http://test.bubblebeat.com/liste_t [...] 7&view=all
C'est le <h2> "Tous les titres de :: Progressive House" qui chie sous FF comme on peut le voir. Le texte est décalé par rapport à là ou il devrait être.
C'est apparu depuis que j'ai mis le conteneur (#global_contenu) en position relative...

On voit bien le pb avec Firebug (mais pas la solution )

Une idée ?

I ARE SERIOUS PLEASE YOU STAB ME IN TEH EYEZZZ§§§

Ouais ça fait toujours ça la première fois

T'as mis un padding top sans padding bottom ... forcément que c'est décalé

Edit : ah oué mais nan en fait

line-height;

Et ta sémantique est pourrie, et y'a pas d'attribut language pour <script>, et evite de charger milles fichiers sur ta page, et t'as deux getter d'id dans tes fichiers js

Nan
Elle est déja à 12px, et si je la réduit, ça le décale sur IE.
ça marchait pas tout à l'heure t'es passé sur le ftp ou quoi   bref ça marche à peu près, mais ça rajoute de la marge au conteneur du conteneur c'est quoi ce bordel

- Ma sémantique je suis très looin d'être le seul responsable et elle est déja 2 fois mieux qu'y a 1 semaine, et 54 fois mieux qu'y a 3 mois mais je suis ouvert aux suggestions. Pour l'instant j'ai juste refait du mieux que je peux (presque ) les deux menus supérieurs.

- Où est-ce qu'il manque un language, pour quel <script> ??

- Et pour les mille fichiers (65 ), je vois pas ce que je peux faire de mieux, mais je suis ouvert à toute suggestion aussi.

 
tain c génial ça  
 
va falloir trouver ça maintenant

-Analyse en cours
-Y'a PAS d'attribut language
-Fusionne un max les fichiers de petites tailles, les serveurs ça n'aime pas les hits, mieux vaut charger une grosse image que 15 petites for xmple

En fait nan ça marche pas du tout, rien n'a changé c'est toujours la même merde

ben si
ah bon mais où et qu'est-ce que je pourrais donc fusionner ? Les 9/10 sont des boutons ou bien des pochettes d'albums...

Chez moi ça a marché pendant quelques secondes tout à l'heure

Ben non ...

<script type="text/javascript">

Y'a pas de "language"