Discussion :

[glourby]

Bonsoir

petite question comme ça en passant.
comment faire pour que mon menu de gauche, par exemple, s'étende automatiquement lorsque je lui ajoute une rubrique

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<div id="menugauche1" onMouseOver="this.style.backgroundColor='#676389'" onMouseOut="this.style.backgroundColor='#909BC1'">
 
    <b>.::Bienvenue::</b><br/>
    <a class="menu" href=""><b>Rubrique</b></a><br/>
    <a class="menu" href=""><b>Rubrique</b></a><br/>
    <a class="menu" href=""><b>Rubrique</b></a><br/>
    <a class="menu" href=""><b>Rubrique</b></a><br/>
    <a class="menu" href=""><b>Rubrique</b></a><br/>
    <a class="menu" href=""><b>Rubrique</b></a><br/>
    <a class="menu" href=""><b>Rubrique</b></a><br/>
 
</div>

je pense que ça se passe du côté de mon CSS mais je sais pas comment et si une bonne âme peut me venir en aide dieu lui rendra (enfin je sais pas) mais pas moi

merci d'avance et bonne nuit car moi dodo

[HiRoN]

Salut,

Avec le code CSS se serait mieu...

En élargissant le div#menugauche1 si celui-ci à une taille fixe ?

[glourby]

ba oui forcement avec le code CSS c'est bien mieux donc le voici

Code :

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

1
2
3
4
5
6
7
8
9
10
11
#menugauche2 {
	position: absolute;
	top: 270px;
	left: 5px;
	width: 100px;
	margin: 10px;
	padding: 10px;
	border: 2px solid #FCFCE6;
	background: #909BC1;
	text-align: center;
	}

merci

[HiRoN]

Tu as donné #menugauche2 alors qu'il fallait #menugauche1...

Mais dans l'idée, si le code est similaire pour #menugauche1, le width:100px; doit poser problème.

[glourby]

oui les menus sont identiques à part le top qui change
pourquoi le width pose problème ?

[HiRoN]

Car il impose une largeur de 100px, donc si tu souhaites rajouter un menu ou autre (bref élargir la zone), cela risque de poser problème.

Après, vu le peu d'élément que tu fournis, difficile d'être précis. Sans l'intégralité (html + css), pas évident de donner une réponse 100% fiable.
Ton #menugauche1 est peut-être influencé par d'autres propriétés mises sur des éléments parents (par exemple).