28221 sujets

CSS et mise en forme, CSS3

Salut,

Comme le dit le titre j'utilise ce tutorial sauf que je voudrais l'adapter à une chose précise, j'ai essayé mais j'ai pas réussi.
En fait, j'ai des questions dans un tableau qui sont plus où moins longues, avec PHP je prend que les 35 premiers caracteres et je les affiche. Je voudrais qu'en passant la souris sur le bout de question, la question s'affiche dans le bloc qui était auparavant caché.

Voilà le code :
<td class="qcoupe">Que doit-on modifier sur un poste...<span>Que doit-on modifier sur un poste Windows 98 pour obliger l'utilisateur à s'authentifier sur le domaine NT ?</span></td>


Maintenant le CSS :

td.qcoupe span {
	display: none;
}
td.qcoupe:hover span {
	display: block;
	position: absolute;
	top: 50px; 
	left: 150px;
	width: 200px;
	height: 80px;
	background-color: #efefef;
	color: #000;
	border: 1px solid #0046d9;
}


Maintenant le problème :
Je voudrais que la question entiere s'affiche a coté de la cellule choisi, donc j'ai remplacé par position:relative. Sauf qu'a ce moment là, la cellule qui contient la question est redimensionnée, ce qui fortement inesthétique pour l'oeil...
En position:absolute, je ne peut pas l'utiliser, mon tableau fait du scrolling donc à un moment donné on ne verrais pas la question complete...

Alors une idée ou c'est infaisable ? Smiley ohwell
Bon, j'ai trouvé une solution qui fonctionne mais pas comme je le souhaite. Mais si y a rien d'autre, je garderais celle ci :

<td class="qcoupe" title="Que doit-on modifier sur un poste Windows 98 pour obliger l'utilisateur à s'authentifier sur le domaine NT ?">Que doit-on modifier sur un poste...</td>


Edit :

En fait non, ça ne va pas du tout, l'attribut title a une longueur maximale de caractère a l'affichage, et certaines questions sont plus longue...
Modifié le 28 Jan 2005 - 00:45