Comment réaliser une division comme cet exemple?

Catalunya's Son Messages postés 67 Statut Membre -
Catalunya's Son Messages postés 67 Statut Membre - 1 nov. 2013 à 14:16

Salut a tous, aidez moi s'il vous plais.

Je veut créer une page web. chaque nom possède un lien vers une autre page dediée pour ce nom. Mais avant, quand le cursor est placé sur le nom (Hover) la division 'Hidden' va apparaitre, et disparut quand le cursor est placé dans une autre proximité (MouseOut).

comme en twitter et facebook.

Et ce ci un exemple:

https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-frc1/575724_10200500270661837_703993077_n.jpg

Afficher la suite

A voir également:

Comment réaliser une division comme cet exemple?
Tableau word exemple - Guide
Url exemple - Guide
Exemple de code ascii - Guide
Gmail exemple - Guide
Tableau croisé dynamique excel exemple - Guide

1 réponse

Réponse 1 / 1

Utilisateur anonyme

Salut je te conseil de le faire avec CSS

par exemple :


<!DOCTYPE html>
<html>
	<head>
		<title>ccm</title>
		<meta charset="UTF-8" />
		<style type="text/css">
			div{
				height: 200px;
				width: 200px;
				background-color: red;
				display: none;
				position: absolute;
				left: 300px;
			}
			.ici:hover + .block{
				display: block;
			}
		</style>
	</head>
	<body>
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />
		<span class="ici">truc</span><div class="block"></div>
		<br />
		<br />

	</body>
</html>

--
×º°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[×º°"~'"°º×

Catalunya's Son Messages postés 67 Statut Membre 1

merci mon ami :-)

Discussions similaires

écrire un rapport de travail

Votre réponse

Discussions similaires