28220 sujets

CSS et mise en forme, CSS3

salut, je suis en train de faire une page ou j'ai besoin d'afficher un block a une position relative (a un autre block) mais en dehors de celui ci.
Le nombre de block est important (environ 50 par page) ce qui m'empeche de les faire 1 par un.
en fait ce que je voudrais c'est faire un truc un peu comme ca:
http://img8.imageshack.us/img8/8383/img0md.png
quand on place la souris sur le bloc, grace a un :hover, l'autre bloc s'affiche a une position relative du bloc au dessus duquel la souris est mais le bloc affiché ne doit pas etre contenu dans le bloc "survolable".
bon je vous met le code que j'ai mis mais pas moyen d'arriver a ce que je veu faire:

echo '<table class="divx">';
while ($divx = mysql_fetch_array($retour))
{
?>
	
			<tr>
				<td><? echo '<img src="' . $divx['url_image'] . '" width="30" height="40">';?>
				<td><strong><? echo $divx['titre']; ?><span>texte à afficher different pour chaque case</span></strong></td>
				<td><? echo $divx['format'] . '</td><td>'; echo $divx['langue'] . '</td><td>'; echo $divx['genre'] . '</td><td>';?></td>
				<td><? echo 'ajouté le <em>'.  date('d/m/Y', $divx['ajoute_le']) . '</em>.<br/>Par '. $divx['login']; ?></td>
			</tr>
			

	
<?
}  //Fin de la boucle des divx
echo '</table>';


avec le css:

.divx strong span	{
display:none;
}

.divx strong:hover span	{
	display:block;
	width:400;
	height:200;
	border: 1px outset #5555dd;
	background-color: white;
	color: black;
	float:right;
	
}



Sil vous plait repondez moi, ca fait 2 jours que je cherche et ca m'enerve beaucoup de pas trouver, alors peut etre que c'est pas possible sans javascript mais bon moi et le javascript, ca fait 2
Modifié par jolrael (06 Nov 2005 - 12:43)