[résolu] Lenteur de menu

Bonjour à tous!

je suis en train de construire un site et je me retrouve avec un probleme de lenteur de réaction de mon menu au survol des liens.

Une image valant plus qu'un long discours, le site ne devrait pas être en ligne, mais temporairement le voila:

http://www.geocities.com/emilio_do_brasil/

merci d'avance

PS: le site n'est pas fini, et d'ailleurs, sur geocities, le fond du menu et du "container" principal sont énormes alors que sur mon PC, le fichier local n'a pas ce problème, tout comme le javascript de la galerie qui lui non plus ne fonctionne pas...
Mais ces 2 "problemes" sont à résoudre postérieurement.

html du menu:

		<div id="menu">

			<div class="conteudo_principal">
				<h2>Navega&ccedil;&atilde;o</h2>
				<ul>
				<li><a class="select" href="./index.html">Solidariedade</a></li>
				<li><a href="./casa_museu.html">Casa museu</a></li>
				<li><a href="./eventos.html">Eventos</a></li>
				<li><a href="./ludico.html">Espa&ccedil;o ludico</a></li>
				<li><a href="./directores.html">Directores</a></li>
				</ul>
			</div>

		</div>	

et le css:

#menu {
width: 210px;
height: 100%;
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.conteudo_principal {
width: 100%;
height: 100%;
margin: 0 0 0 0;
padding: 0px 0 5px 0;
}

#menu h2 {
text-indent: 10px;
margin: 0px 0px 10px 0px;
background-color: white;
}

#menu ul {
text-align: left;
margin: 0 10px 0 20px;
padding: 0 0 0 0;
}

#menu li {
list-style-type: none;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#menu a {
font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
line-height: 1em;
display: block;
_display: inline-block;
text-decoration: none;
color: 	#787878;
margin: 0 0 0 0;
padding: 0 0 3px 0;
}

#menu a.select {
font: bold 1em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
line-height: 1em;
text-decoration: none;
color: #99cc33;
}

#menu a:hover {
color: #ff6600;
border-bottom: solid 3px #ff6600;
padding: 0 0 0 0;
}

PPS: la classe "conteudo_principal" est un vestige de menu avec bords arrondis, elle se maintient pour l'instant pour me permettre de les remettre si on me les re-demande.
Modifié par emiliodobrasil (17 Jul 2007 - 01:41)

bonsoir

en fait, en retirant l'image de fond que j'avais ici:

#principal {

height: 100%;
margin: 0 0 0 220px;
padding: 0 0 0 0;
/*background-image: url(./imagens_layout/trans_70.png);
_background-image: url(./imagens_layout/grid_1B.gif);
background-repeat: repeat-x repeat-y;*/
border: 1px solid white;
}

je n'ai plus ce ralentissement :o

il s'agit d'un png blanc avec une opacité de 70%.

Avez vous aussi ce ralentissement sous windows (je suis sous linux, FF2 e konqueror) et si oui avez vous une solution?
Modifié par emiliodobrasil (17 Jul 2007 - 00:12)

je me re-réponds. lol

sous opera (linux encore) aucun ralentissement...

bug firefox ou de mon firefox...

quelqu'un peut-il confirmer cette lenteur?

bonsoir

donc en re-re-répons, j'ai trouvé d'où venait le problème, tout du moins sur mon PC:

le survol d'un lien faisait apparaître un "border-bottom" de 3 pixels colorés, or pour compenser cette hauteur, lorsqu'il n'était pas survolé (donc sans bord de 3px), j'avais un padding bottom de 3px. Sans cela, le texte se deviait justement de 3px, ce qui était déconfortable.

En supprimant ce "saut" de padding entre l'état survolé et non-survolé, le ralentissement disparaît.

je mets donc le post comme résolu! lol

PS: sur le lien indiqué plus haut les pages ne sont toujours pas actualisées donc si quelqu'un veut aller confirmer le problème...