Discussion :

[vocal94130]

Bonjour,

Comment garder la place de son image en la cachant? Car les images du dessous prennent la place de celle que je cache.

Voici mon 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
 
.menu2{
	display:block;
	width:250px;
	height:210px;
 
	border:1px solid yellow;
}
.menu2 img{
	margin:0;
	padding:0;
	display:block;
	width:250px;
	height:70px;
}

et mon html :

Code :

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

1
2
3
4
5
6
 
<div class="menu2">
	<img id="un"src="img/background_menu2.jpg" alt="entreprise" title="Entreprise"/>
	<img id="deux"src="img/background_menu2.jpg" alt="salarié" title="Salarié"/>
	<img id="trois"src="img/background_menu2.jpg" alt="demandeur d'emploi" title=""/>
</div>

Merci

[vocal94130]

J'ai trouvé

Quand je cache la première image elle s'en va. En fait, il faut faire une liste ou un tableau pour que la place pour la liste reste mais que son contenu soit caché .
Voici mon code pour ceux que ça peut aider :

Code :

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

1
2
3
4
5
6
7
8
 
<div class="menu2">
	<ul>
		<li><img id="un"src="img/background_menu2.jpg" alt="entreprise" title="Entreprise"/></li>
		<li><img id="deux"src="img/background_menu2.jpg" alt="salarié" title="Salarié"/></li>
		<li><img id="trois"src="img/background_menu2.jpg" alt="demandeur d'emploi" title=""/></li>
	</ul>
</div>

[danielhagnoul]

Bonsoir

Nul besoin d'une liste ou d'un tableau (quelle horreur). Le CSS peut vous aider. Au lieu d'utiliser la propriété display ("block" ou "none"), il suffit d'employer la propriété visibility ("visible" ou "hidden").

[vocal94130]

Mais oui mais oui j'y ais pas pensé du tout. Merci bien

[Edit 16:24]

Pourquoi "horreur" d'utiliser les listes ou tableaux ^^ ?

[danielhagnoul]

Bonsoir

Je pensais à la mise en page à l'aide de frames ou de tables. L'usage du CSS est plus approprié pour cette tâche et bientôt HTML5 y ajoutera des balises HTML idoines.

[vocal94130]

Okey okey, c'est noté ! Merci