Discussion :

[oceane751]

bonjour à tous

j'ai un menu en spry (dreamweaver) et des sous menu
mes sous menus sont issus d'une boucle spip (CMS)

j'ai par exemple un height, pour mes sous menus, à 130px
j'aimerai que quand par exemple, les résultats de ma boucle atteignent les 130px, ça me mets la suite des résultats à coté

j'aimerai donc que mes résultats s'affichent en colonne automatiquement

je vous donne un bout de code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<li style="width:78px;" onmouseover="document.getElementById('imageMenu1').src='images/on_ma_ville.gif'" onmouseout="document.getElementById('imageMenu1').src='images/ma_ville.gif'"><a href="spip.php?rubrique8" title=" cliquez ici pour acceder à la rubrique 'sport et culture'"><img id="imageMenu1" src="images/ma_ville.gif" alt="cliquez ici pour acceder à la rubrique 'ma ville'"/></a>
 
<ul>
      <BOUCLE_mavilleart(ARTICLES){id_rubrique=8}>
 
        <li><a href="#"> [(#TITRE|supprimer_numero)]</a></li>
 
        </BOUCLE_mavilleart>
 
   </ul>
 
  </li>

et la class pour mes sous menus

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
 
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	background-color:#657c8a;
	/*width: 8.2em;*/
	 width:150px;
	 height:130px;
	 overflow:hidden;
	position: absolute;
	left: -1000em;
}

merci beaucoup pour votre aide

[Macmillenium]

Bonjour,

Tout ce que tu peux faire directement en CSS c'est d'afficher tes résultats cote à cote, sinon il faut chercher une solution en JS ou PHP.

[oceane751]

mais en attribuant un height ou autre chose c'est pas possible de bloquer la hauteur à une certaine valeur afin que si plus rien ne peut se mettre, le reste des résultats va automatiquement à coté?

[pop_up]

Le problème est de savoir comment on sait que "plus rien ne peut se mettre dans ta hauteur"

Si on prend un bloc de 600px de large et que l'on y met des bloc de 100px de large dedans en les mettant cote à cote, quand le septieme bloc sera inséré, il sera en dessous du premier bloc car il ne rentrera pas à droite du sixième. C'est l'ordre logique du flux de la page.

Si on raisonne avec un fonctionnement vertical, ce n'est pas possible naturellement en css. Comme te l'as dit Macmillenium, il faut utiliser d'autres langages qui te permettraient de savoir combien de colonnes il te faudrait pour y mettre tes éléments.

Je sais pas si je suis très clair mais bon il est tard ^^