Discussion :

[zooffy]

Salut

Désolé de venir vous embêter avec ce genre de détail qui est assez simple, mais je tourne en rond depuis le début de l'aprés midi et je 'narrive toujours pas à le faire. Je pense qu'un détail tout con doit m'échaper, mais soit j'ai besoins de vacances (ouf, c'est pour demain soir !) soit je suis fatigué (faudra que j'en parle à ma nouvelle copine....)

Bref, voici mon code :

Code :

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

1
2
3
4
5
6
7
 
		<td style="width:500px;height:500px;position:fixed;">
			<div id="divGlobal" style="width:100%;height:100%;position:relative;vertical-align:middle;text-align:center;">
			<img src="App_Themes/wait.gif" alt="" width="250" height="250" />
			</div>
			<span>et voisi le texte qu'il faut cahcer</span>
		</td>

Je voudrais que mon image viennent par dessus mon texte, quelque soit la longueur du texte. L'image est là pour tout recouvrir. Je l'ai mise dans un Div pour que le Div prennent toute la place et que l'image soit toujours au centre.

Le posiitonnement de tout doit obligatoirement se faire dans la cellule de la table, c'est la méthode de constrution de ma page.

Pouvez vous m'aider ?

[c_s_s]

Bonjour,

Pour cacher le texte derrière l'image, tu peux créer deux blocs de mêmes dimensions qui seront tous les deux centrés dans ta cellule.
Il suffit ensuite de définir un ordre d'empilement de tes blocs pour que celui qui contient l'image apparaîsse au dessus de l'autre.

Code html :

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

1
2
3
4
<td style="width:500px;height:500px;position:fixed;">
   <div id="divGlobal" style="position:absolute;top:125px;left:125px;width:250px;height:250px;z-index:2;"><img src="App_Themes/wait.gif" alt="" width="250" height="250" /></div>
   <span style="display:block;position:absolute;top:125px;left:125px;width:250px;height:250px;z-index:1;">et voisi le texte qu'il faut cacher sqdqs dqsdqs qsdq  qdqs</span>			
</td>

Evidemment, il est préférable de mettre les styles dans une feuille de style externe, ou au moins dans l'entête de la page HTML.

[Damouille]

Par contre, je ne crois pas que tu ais le droit de mettre une div dans un tableau. Si tu veux passer les validations il faut utiliser un span en display block.

[zooffy]

Merci pour votre aide.

Je ferais les essais un peu plus tard, j'ai un gros coup de bourre aujourd'hui et je pars en vacances ce soir, donc ....

Sinon, le passage du CSS en fichier, oui, bien sûr. Mais pour le développement, je scotche tout dans la balsie pour que ce soit plus simple. Aprés, je fais toujours une classe CSS dans un fichier séparé.

[canary]

ce qui peut être pas mal c'est également l'utilisation des z-index comme ceci :

Code :

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

z-index:3;

Plus le z-index est élevé, plus ton objet se placera devant les autres...

Aud-

[spitou_77]

Mettre un display: hidden (ou none) sur le span qui contient le texte devrait aboutir au même résultat si le but de la manœuvre est simplement de cacher le texte ou alors j'ai pas bien compris le problème