Discussion :

[Death83]

Salut a tous,

j'ai un petit soucis.

Je met une liste dans un bloc div:

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
 
 
<div class="postionpetitcadre">
				<div class="positionpetitcadrehautprofil">
				</div>
 
				<ul class="positionpetitcadremilieu ">
 
					<li style=" font-size:small; width: 10px;"><a href="">Modifier</a></li>
 
 
 
				</ul>
 
				<div class="positionpetitcadrebas">
				</div>
</div>

le probleme est que mon menu ne s'affiche pas dans le cadre.

Savez vous ce qu'il faut faire?

voila le code css:

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
.positionpetitcadremilieu
{
	background-image:url(../imagesite/cadreconnexionmiddle.jpg);
	height: auto;
 
 
}
 
.positionpetitcadremilieu li
{
	background-color: #00FF00;
	margin:0;
	padding:0;
 
 
}

avez vous une solution.

voila l'affichage que ca me donne:

[10-nice]

Ca me parait tout à fait normal je trouve comme rendu pour ton code.

tu a une div, ensuite un <ul> et re une div cahque div possède une image de fond et pas ton <ul> il est normal que ton cadre ne soit pas "fermé" crée une image ou on voit juste les bords de ton cadre met le en beckground-image de ton <ul> et l'illusion sera faite

[Death83]

C'est deja ce que j'ai fait. Regarde ma feuille css :

.positionpetitcadremilieu
{
background-image:url(../imagesite/cadreconnexionmiddle.jpg);
height: auto;


}

[10-nice]

Ha oui pardon j'avais mal lu

et si tu met ton <ul> dans une div identique a celles qui l'entoure?

[Death83]

j'avais essayer en remplacant le ul par div mais ca fait exactement pareil

[ilood]

Salut,

Est-ce que tu es sur que le chemin de l'image est le bon ?
Est ce qu'on pourrait avoir l'adresse du site ?

[Death83]

Oui le chemin de l'adresse est bon. J'ai fait un autre cadre a coté (sans liste) et il marche tres bien.

Par contre le site est en local :/

Si tu veut je peut le mettre en ligne mais crois tu que ca sera utile?

[ilood]

Si tu veut je peut le mettre en ligne mais crois tu que ca sera utile?

Oui. Ca nous permettrait de voir l'ensemble du code html et css.

[Death83]

ok je le met en ligne

[Death83]

Voila l'adresse

Par contre il faut vous inscrir d'abord car c'est un cadre qui s'ouvre dans l'espace membre que si on est connecté.

[Glob]

Par contre il faut vous inscrir d'abord car c'est un cadre qui s'ouvre dans l'espace membre que si on est connecté.

Heu ça risque d'en décourager plus d'un. Mais si tu as de la chance, y'a p'têt un fan de culture japonaise qui s'y connais en css...

[ilood]

Je pense que le problème vient du fait que tu aies mis

Code :

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

li {float: left }

Donc tous les li sont en flottant. Je suppose que tu as fait ceci pour les li de ton menu ?

Une solution c'est de remplacer li float: left (situé au début de ta page) par

Code :

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

ul#menu li { float: left }

[Death83]

J'ai fait la modifs.

En effet il y a du mieu mais il ya toujours des petits probleme...

voici l'affichage sous FF:



sous IE:

[ilood]

La il faut jouer avec les margin et padding. IE et Firefox ne gérant pas de la même manière les marges des balises <ul> et <li>.
Déjà avec un margin: 0 pour .positionpetitcadremilieu devrait donner un meilleur résulat sous Fx.

[arfy]

il faut aussi dire que le div n'est pas interprété pareil sur ie et firefox