Bonjour tous,
Voilà, le sujet de mom probléme, j'ai fait un début de site...
 
développé en xhtml 1.0 et css 2.0
 
le site est ici http://tlpb.free.fr/site/
 
Mon probléme se situe, au niveau du haut avec les boutons haut comme vous pourrez le voir, mon but est de les aligner, cependant je ne trouve aucune solution simple sachant que:
 
-Je ne peux pas utiliser l'attribut position : absolute
-Ni float: left
 
Sinon la mise en page est mauvaise.
 
Et enfin je ne veux pas utiliser des positions fixes (utiliser une class à chaque bouton et redefinir margin-left:xxpx etc..), car le nombre de bouton pourra varier et cela deviendrais compliqué à gérer.
 
Et enfin il me doit de respecter les standards, car la norme c'est la norme
 
Merci d'avance pour la solution

de les aligner en largeur ?
si oui fais des span plutot que des div

"-Je ne peux pas utiliser l'attribut position : absolute
-Ni float: left
 
Sinon la mise en page est mauvaise. "
 
Si la mise en page est mauvaise à cause d'un float left, c'est la structure générale qui est en cause.
 
Utiliser des spans ne servira sans-doute à rien puisque tu ne pourras plus leur fixer de dimensions.

Ouais tu as surement raison, désolé!

 
Oui je veux les aligner en largeur,
seulement avec les spans on ne peut pas gérer la largeur donc je ne peux pas adapter correctement mon site à chaque résolution...

 
je ne pense pas que la structure soit mauvaise, car elle tient au contraire bien la route seulement en utilisant absolute: le style voulu n'est plus le même, ensuite en utilisant en utilisant float left la poistion de ma banniére se décale à gauche...

OK, je viens de voir le code :-/
 
Déjà, il y'a du ménage à faire au niveau des div partout ! Beaucoup sont inutilement utilisées alors que des balises plus pertinentes pourraient les remplacer :
-> http://www.alsacreations.com/articles/economie/
-> http://www.alsacreations.com/blog/ [...] es-des-css
 
Puis évite les classes multiples (class="boutonban", class="menuitem", etc.) que tu répètes inutilement :-/
 
Ensuite, c'est normal que ton div id="ban" bouge si tu places le menu en flottant puisque les flottants agissent sur le contenu qui les suit.
Il faut te renseigner sur la propriété "clear" :
http://openweb.eu.org/articles/initiation_float/

Les réferences de ton site sont excellentes : ,
 
c'est indéniable , le seul probléme j'avais commencer comme cela, car je me sert de ton site pour justement faire un code: propre...
 
Cependant à l'heure actuelle, je n'ai pas trouvé d'autre solution que celle d'imbrication des div (manque de vocabulaire)...
Et cela me va trés bien pour l'instant car je ne rencontre pas trop de probléme...à part mes boite en haut...
 
Merci pour ta précieuse, je vais me documenter sur ce clear...
 
Et essayer de ne pas trop diver des dives...