Afficher une image en superposition !

[phelibre]

Bonjour,

J'ai un petit site perso http://phelibre.free.fr qui peut-être un peu triste (suite à un décès) .
Aujourd'hui sans refaire l'ensemble du site, j'aimerai pouvoir afficher des motifs en superposition de l'existant .

Il y a t-il des possibilités sans utiliser du flash ?

Je vous remercie car bien sur je n'ai pas lu l'ensemble des cours et tutoriaux :zen:

 

[eyezberg]

Un indice: "lightbox" et ses dérivés.. c'est un script à intégrer.
Si j'ai bien compris la question, pas sûr..

 

[phelibre]

Ok je connais
mais dans mon cas ce sont des motif avec de la transparence (PNG) sur déjà l'existant :heu:

 

[Johannès]

dans ton site, à l'intérieur de <div id="contenu"> par exemple, tu mets un div avec ton image à fond transparent et tu lui mets en css un "z-index: 10" ton div sera au dessus des autres

voir ici http://fr.selfhtml.org/css/proprietes/positionnement.htm#z_index

dommage d'ailleurs que tu fasses des div et qu'à l'intérieur tu mettes un tableau mais c'est une autre chose

 

[phelibre]

Merci du tuyau mais je suis pas vraiment au top au niveau des CSS etc ...
Pourrais-tu me préciser tes allusions au sujet des incohérences de mon sites ?
:zen:

 

[Johannès]

par exemple pour cette partie du code :

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><a href="indexx.html"><img src="http://forums.macg.co/images/at31.jpg" title="v2008" width="850" height="156" border="0"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><a href="indexx.html"><img src="http://forums.macg.co/images/at41.jpg" title="v2008" width="850" height="156" border="0"></td>
</tr>
</table>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="http://forums.macg.co/images/at51.jpg" alt="" width="850" height="120" border="0"></td>
</tr>
</table>

tu mets des tableaux à une cellule les uns en dessous des autres, remplace par des div.

tu crées des liens sur les deux premières images mais la balise "a" n'est pas fermée par </a> le code des images n'est pas complet, il faut un texte alternatif dans la balise alt="texte alternatif" (pour le référencement, pour ceux qui ont des problèmes d'accessibilité, pour ceux qui désactivent les images, etc...)

la fermeture de la balise image n'est pas conforme mais c'est moins grave

tous ces petits trucs qui font que ça peut ne pas s'afficher pareil d'un navigateur à un autre ou avoir des bizarreries sur la page

le petit bout de code cité que je mettrais :

<div>
    <a href="indexx.html"><img src="http://forums.macg.co/images/at31.jpg" title="v2008" width="850" height="156" border="0" alt="le texte alternatif" /></a>
</div>

<div>
    <a href="indexx.html"><img src="http://forums.macg.co/images/at41.jpg" title="v2008" width="850" height="156" border="0" alt="le texte alternatif"/></a>
</div>

<div>
    <img src="http://forums.macg.co/images/at51.jpg" alt="le texte alternatif" width="850" height="120" border="0" />
</div>

Sinon superbes images