[Résolu]Mettre un menu sur 2 colonnes

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#26
Citation :<div class="canton">

<h3 id="titre_membres">Canton de Fribourg</h3>
<div>

<div class="liste_gauche"> <ul>
<li><a href="http://www.coord21.ch/test_cmsms/public_activites/canton-de-fribourg/canton-de-fribourg-2/">État de Fribourg</a></li>
</ul> </div>
<div class="liste_droite"> <ul>
<li><a href="http://www.coord21.ch/test_cmsms/public_activites/canton-de-fribourg/commune-de-dompierre/">Commune de Dompierre</a></li>
</ul> </div>
</div>
#26
Citation :<div class="canton">

<h3 id="titre_membres">Canton de Fribourg</h3>
<div>

<div class="liste_gauche"> <ul>
<li><a href="http://www.coord21.ch/test_cmsms/public_activites/canton-de-fribourg/canton-de-fribourg-2/">État de Fribourg</a></li>
</ul> </div>
<div class="liste_droite"> <ul>
<li><a href="http://www.coord21.ch/test_cmsms/public_activites/canton-de-fribourg/commune-de-dompierre/">Commune de Dompierre</a></li>
</ul> </div>
</div>
#27
Yep, j'y ai pensé hier après coup, à cause du décalage.... C'est corrigé.

Je fais encore des tests, mais je n'arrive pas à comprendre pourquoi mes titres ne vont pas à la ligne. Il me semble qu'à moins de spécifier le contraire, les div (ceux qui sont classe "canton") devraient se mettre les uns au-dessous des autres, alignés sur la gauche
#27
Yep, j'y ai pensé hier après coup, à cause du décalage.... C'est corrigé.

Je fais encore des tests, mais je n'arrive pas à comprendre pourquoi mes titres ne vont pas à la ligne. Il me semble qu'à moins de spécifier le contraire, les div (ceux qui sont classe "canton") devraient se mettre les uns au-dessous des autres, alignés sur la gauche
#28
bon maintenant il ne te reste qu'un pb de css, et nous ne faisons pas de soutien aux pb lié au css.

Un bon conseil toute fois : évite le float:left et utilise plutôt le padding-left pour la colonne de droite Wink

et clear:both sur une div pour laisser une bonne séparation distincte entre chaque canton serait pas mal
#28
bon maintenant il ne te reste qu'un pb de css, et nous ne faisons pas de soutien aux pb lié au css.

Un bon conseil toute fois : évite le float:left et utilise plutôt le padding-left pour la colonne de droite Wink

et clear:both sur une div pour laisser une bonne séparation distincte entre chaque canton serait pas mal
#29
Je comprends bien pour l'histoire du CSS. Je vais pas insister, mais je vais quand même rebondir sur ton dernier message pour en finir avec cette liste une fois pour toute.

Je viens de tomber sur cette histoire de clear:both. Je pensais que ça me sauverait, mais ce qui suit le premier s'affiche beaucoup plus bas, au-dessous du calendrier. Sauf si je mets ma liste dans un float:right, mais ça devient un peu laborieux, je trouve.

Je vais utiliser un padding, comme tu me le conseil. Mais j'imagine qu'il faudra mettre mes div en inline pour qu'ils ne retournent pas à la ligne (?)
#29
Je comprends bien pour l'histoire du CSS. Je vais pas insister, mais je vais quand même rebondir sur ton dernier message pour en finir avec cette liste une fois pour toute.

Je viens de tomber sur cette histoire de clear:both. Je pensais que ça me sauverait, mais ce qui suit le premier s'affiche beaucoup plus bas, au-dessous du calendrier. Sauf si je mets ma liste dans un float:right, mais ça devient un peu laborieux, je trouve.

Je vais utiliser un padding, comme tu me le conseil. Mais j'imagine qu'il faudra mettre mes div en inline pour qu'ils ne retournent pas à la ligne (?)
#30
div de gauche avec float left + size 49%
div de droite avec margin-left + size 49%
+ une nouvelle div avec clear:both

le décallage de la liste vers le bas est du au clear:both évidement mais il y a moyen de corriger ca en changeant la structure de la page (partie gauche VS partie content) il me semble. A chercher sur le net
#30
div de gauche avec float left + size 49%
div de droite avec margin-left + size 49%
+ une nouvelle div avec clear:both

le décallage de la liste vers le bas est du au clear:both évidement mais il y a moyen de corriger ca en changeant la structure de la page (partie gauche VS partie content) il me semble. A chercher sur le net
#31
J'avais déjà eu ce problème d'affichage au-dessous du menu avec les résultats de recherche. J'avais utilisé un float:right; pour y palier, faute de mieux.

J'ai relancé des recherches et j'ai trouvé ça:
http://www.developpez.net/forums/d77616/...lear-both/
C'est peu encourageant, il me semble. (Je ne comprends pas ton histoire de "partie gauche VS partie content").

Autrement, j'ai trouvé ça: http://www.quirksmode.org/css/clearing.html
qui dit qu'on peut utiliser un overflow à la place d'un clear... ça marche bien, je trouve.

Elle est mieux ma liste, maintenant, non ?
#31
J'avais déjà eu ce problème d'affichage au-dessous du menu avec les résultats de recherche. J'avais utilisé un float:right; pour y palier, faute de mieux.

J'ai relancé des recherches et j'ai trouvé ça:
http://www.developpez.net/forums/d77616/...lear-both/
C'est peu encourageant, il me semble. (Je ne comprends pas ton histoire de "partie gauche VS partie content").

Autrement, j'ai trouvé ça: http://www.quirksmode.org/css/clearing.html
qui dit qu'on peut utiliser un overflow à la place d'un clear... ça marche bien, je trouve.

Elle est mieux ma liste, maintenant, non ?
#32
bien Smile
#32
bien Smile


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)