Image transparente sur texte ou script,....
Image transparente sur texte ou script,.... - HTML/CSS - Programmation
Marsh Posté le 18-06-2005 à 18:57:18
balise [code] 
---------------
Nos estans firs di nosse pitite patreye...
Sujets relatifs:
- c'est quoi qui cloche dans mon script
- Afficher une partie d'Image
- probleme d'image gif sous internet explorer
- lancer un script PHP depuis serveur
- Peux--t-on stocker les fichiers d'un script dans un dossier à part ?
- [DHTML] Comment centrer verticalement le texte des coolmenus ?
- Lire un fichier texte sur un ordinateur du réseau
- sélectionner les 3 derniers caractères d'un champ texte
- [C] [réglé] Récupérer le contenu d'un fichier texte ?
- Zone de texte ?
Marsh Posté le 18-06-2005 à 18:39:57
salut, je suis débutant en HTML et avec les logiciels de webdesign comme Flash et Fireworks. Je voudrais savoir comment animer une image devant un texte que l'on voit par transparence.
Un exemple concret: j'ai un gif d'un oiseau en trait noir qui bat des ailes mais reste sur place. Je voudrais le faire avancer en ligne droite sur mon texte de gauche à droite, une seule fois, à l'ouverture de ma page d'index.
Mais on doit voir le texte car jusqu'a´présent je ne suis arrivé qu'á le faire défiler en dessous ou au dessus. Quand j'essaie de le mettre dessus, le texte se "dérobe". Comment résoudre cela?
Je pourrais utiliser le javascript auquel je ne comprends rien, mais que faut-il remplacer dans le script?
Quelques données: mon repertoire est d:\documents\mes sites\nom du site
Mon gif est composé de 10 images, il fonctionne sous Flash, dans le repertoire d:\documents\mes sites\image
Faut-il le mettre en .fla ou .swf? Et les balises <DIV></DIV>, ou faut-il les mettre dans le script?
Voici une des scripts probables:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head><style>
<!--
img.transp {
position: absolute;
top: 300px;
left: 300px;
filter: alpha(opacity=10);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
-moz-opacity: 0.10;
opacity: 0.10 }
//-->
</style></head><body>
<img class="transp" src="image.gif" alt="image" />
</body></html>
Merci de votre aide.