Reprise du message précédent :

Je jette un noeil, mais ça fait mal et après faut le chercher si il roule sous le bureau ou un truc du genre, c'est chiant.

Dans la série "mais comment faire en CSS ce qu'on fait super facilement avec les tableaux ?", je vous pose le problème suivant :
Je suis en train de refaire l'HTML de www.imcdb.org (le site est pas de moi à la base, après avoir refait une partie du PHP et presque tout le SQL, je m'attaque à l'HTML).
J'ai déjà refait le haut du site : www.imcdb.org/xhtml-test/
Les CSS : www.imcdb.org/xhtml-test/styles/common.css + www.imcdb.org/xhtml-test/styles/gold.css
J'ai dû utiliser un hack pour que ma liste de 4 liens soit centrée dans IE et Firefox (l'un voulait les 50% dans le conteneur et l'autre dans le contenant).
Donc mes questions :
- y a moyen de faire ça sans hack ?
- dans la barre jaune au-dessus, comment aligner le texte "bienvenue..." avec le texte qui est dans la partie de droite ?
- pourquoi on doit absolument mettre le contenu du <form> dans un bloc... je vais devoir bêtement foutre un div forcé en inline pour ça

Si tes quatre liens resteront quoi qu'il arrive 4, je ne vois pas le problème puisque la taille de l'ensemble est fixe ainsi que les 4 onglets.
 
Un div centré contenant ta liste devrait faire l'affaire (margin-left : auto; margin-right : auto
 
Tu peux même essayer directement avec ul sans div. (A tester quand même). N'oublie pas de rajouter un text-align : center; au conteneur de ce div pour les IE < 6.
 
Pour la deuxième question : quel texte dans la partie droite ?

1) bah oui mais dans ce div je dois mettre des blocs, vu que je dois forcer la largeur des éléments. Et du coup je dois les mettre en float:left pour qu'ils soient côte-à-côte. Ou alors il y a une ruse à laquelle je ne pense pas... Je ne vois pas comment faire pour centrer leur conteneur, ça n'avait pas l'air de marcher à partir du moment où ils passaient en float
 
2) "login" + le form de recherche

 
 
Attend, je télécharge et je regarde vite fait. Mais à priori, pas de problème...

Il est où le common.css ?

Ah, c'est bon...

Ouep, bon pour le moment, j'ai du utiliser un div conteneur supplémentaire.  
 

Je vais dormir. Mais ma soluce passe sur IE 6, Moz et Opera. Pas testé sur IE 5.5 ou - .

merci, c'est déjà mieux que le hack avec les "_"

Autre question : la liste de marques avec numéros devant c'est pour le moment un tableau de 3 cellules avec les numéros mis directement dans l'HTML.
J'avais mis un span autour du numéro pour le forcer en police type "courier" pour que les espaces devant le numéro prennent la même taille qu'un chiffre, pour que ce soit aligné mais plus joli qu'avec un "0" devant.
Pour éviter ça je pourrais utiliser un <ol> mais du coup je ne peux plus utiliser mon tableau de 3 cellules (pour les 3 colonnes). Et comme rien n'est vraiment prévu pour la gestion des colonnes en CSS... je vois mal comment couper cette liste en 3 colonnes.

ce serait mal de conserver un tableau a ce niveau?
 pour moi ce sont des donnees tabulaires

Bah disons que la seule raison des trois colonnes c'est pour la présentation, je ne considère pas ça comme des données tabulaires (surtout qu'il n'y a qu'une ligne de données : je colle toute la colonne dans un <td> ). Et ça ne résout pas le problème de l'alignement des chiffres ni même de la gestion de la liste : ces trois colonnes m'empêchent d'utiliser un <ol>.

Le principe d'une liste ORDONNEE sur plusieurs colonnes est illogique et ingérable A LA BASE.
 
En effet, qu'est-ce qui permet de définir la hauteur de l'ensemble ? Par rapport à quoi ? A qui ?
 
Une erreur flagrante a été commise au départ par ceux qui ont fait ça. Point.
 
Faut changer de système.

 
J'ai une petite question : comment faire pour qu'un tableau prenne la totalité d'une fenêtre ?
Je m'explique : quand j'initialise le tableau, je fais :

et le tableau occupe toute la largeur de la fenêtre.
Par contre, si j'ajoute :

Cela n'occupe pas toute la hauteur...
Comment puis-je faire ?

 
Dans Word ça marche
 

 
Le but c'est de répartir un contenu sur 3 colonnes, donc qu'elles aient à peu près la même longueur... je vois pas ce que ça a de si scandaleux C'est quand même un truc assez courant dans la mise en page.

 
En réalité, on ne DOIT PAS le faire.
 
Mais on peut en trichant bêtement :
 
html,body
{
 height : 100%;
}
 

 
mwouai, admettons.
 
En tous cas, c'est surement pas avec une liste en HTML qu'on va pouvoir y arriver.    
 
table obligatoire (et souhaitable, car avec des divs pour arriver au même résultat... )

ensuite tu peux utiliser <ol> et l'option start
http://fr.selfhtml.org/html/reference/attributs.htm#ol

 
ouai. C'est en effet pas mal une fois que les colonnes ont été définies.
 
M'enfin bon, sémantiquement, ça restera plusieurs listes au lieu d'une seule.

Fonctionne pas  
Je comprends pas, ça devrait pourtant...

 
height : 100% au niveau de ta table doit être en CSS et non en HTML.
 
height pour une table ou une cellule n'existe pas en HTML.

Je l'ai mis dans une feuille de style externe pourtant !!!
D'autre part, quand je fais :

Cela modifie bien la hauteur du tableau !

 
ouai, mais ça n'existe pas quand même. C'est pas dans les normes.    
 
Utilise un id pour ta table et spécifie le style de cet id.

 
Ha oui je connaissais pas cet attribut J'aurais pu aller voir la doc avant

Précisions : "start" du <ol> est deprecaded, mais l'attribut "value" des <li> semble toujours exister.
 
Edit : ha non, ça n'existe plus... qui est le con qui l'a viré des specs ?

non mais arrête de faire n'importe quoi, je propose une solution plus propre:
un tableau avec col1:

col2:

Ha bah y a moyen de faire des listes multicolonnes en un seul bloc qui passent même dans IE \o/
http://alistapart.com/articles/multicolumnlists
je garde le lien dans mes bookmarks et je teste ça tout de suite

 
Parce que t'appelles ça propre, taper 200 li invisibles juste pour changer le 1er numéro visible ?

J'aurais du rajouter un smiley

oui, parce que sur le coup je me suis aussi demande si tu etais serieux ou pas

Ha zut le lien que j'ai donné va pas :
 
/* Bring the first item of each column  
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */
 
on fait comment quand on a un nombre variable d'items ?

C'est quelle méthode là?
 
(T'avais qu'à utiliser mon truc )

je vais mettre la solution de plusieurs <ol> avec un start et tant pis pour le validateur

Ca t'emmerde tant que ça de mettre un style en inline?

Non c'est vrai qu'en fait je pourrais le calculer en php et le taper en inline
Je verrai ça plus tard, là j'en ai marre

Quelqu'un pourrait me dire pourquoi FireFox n'interprete pas mon #conteneur {background:#600;} alors que IE oui, parcque la je comprends pas bien ou est le bug...
 
ca se passait ici, j'ai viré le lien pour ne pas qu'il soit referencer inutilement ;-)
 
Un grand merci a celui qui trouve d'ou ca vient, ca fait toute la matinée que je cherche a contourner le PB (sans resultat) et j'aimerais bien comprendre pourquoi ca ne fonctionne pas...
 
EDIT:
-> virage du lien
-> html, body {heigth:100%}; j'avais oublié la virgule honte à moi

J'ai pas été voir, mais c'est background-color, non?

les 2 fonctionne (normalement), background seul etant un raccourcis qui permet de specifier plusieurs propriete du background d'affilés genre:

mais la aucun des 2 ne fonctionne  

C'est quoi ce div id="rouge" qui existe pas dans le css?

je pète un plomb.. I need help plz  
 
http://forum.hardware.fr/hardwaref [...] 9409-1.htm