S'abonner :  Newsletters    Magazines
Avis sur les produits Avis sur les logiciels Avis sur les jeux Actualités A propos de 01net
186 utilisateurs connectés

Image sur image dans NVU

Bernuch le 02 décembre 2008 à 21h29
Hello !

Je voudrais, dans NVU, placer une image sur une autre image.

Le pire c'est que j'ai déjà réussi ce tour de force (pour moi !) La preuve :
http://perso.numericable.fr/fbouquetbe63/gomarsimage/telemeca-cequilsvoyaient(...)

Cette page réalise donc la composition d'une image de fond et d'une animation gif publiée extérieurement.

Comment ai-je pu bon dieu réaliser ce truc merveilleux ?

En vous remerciant pour votre aide,

Bernuch
Beno@ le 02 décembre 2008 à 21h40
il faut la placer en absolue avec le css mais je ne connais plus trop nvu :/
Bernuch le 02 décembre 2008 à 22h28
Et moi encore moins le css.

Je me rassure de l'idée que la prochaine fois que je voudrai réaliser ce coup de maître, je pourrais aller jeter un œil dans le code source et isoler la partie intéressante...

En fait, il est très possible que je sois passé par Word pour créer la page html avec le première image (l'image sous-jacente)...

En te remerciant,

Bernuch
-->Message édité par Bernuch le 04/12/2008 21:59:54<--
Bernuch le 09 décembre 2008 à 22h36
Voilà, j'ai trouvé par hasard la méthode pour placer une image par dessus une autre.
La solution est là:

http://www.commentcamarche.net/contents/css/cssposition.php3

Et le libellé est :

Superposer des éléments

Par exemple :

Superposons le texte "Texte superposé" à l'image "image du dessous.jpg".
Il va falloir saisir :

<HTML>
<BODY>
<SPAN style="position: absolute; top: 30 px; left: 100px;width: 103px; height: 61px">
<IMG SRC="image du dessous.jpg" >
</SPAN>
<SPAN style="position: absolute; top: 50 px; left: 100 px;">

Texte superposé

</SPAN>
</BODY>
</HTML>


Et voilà !

Évidemment, à la place du texte superposé, on peut placer une photo. je ne suis pas spécialiste, mais logiquement, ça devrait donner, à la place du texte :

<IMG SRC="image du dessus.jpg" >


En vous remerciant,

Bernuch

Beno@ le 10 décembre 2008 à 17h41
Bernuch a écrit :
Voilà, j'ai trouvé par hasard la méthode pour placer une image par dessus une autre.
La solution est là:

http://www.commentcamarche.net/contents/css/cssposition.php3

Et le libellé est :

Superposer des éléments

Par exemple :

Superposons le texte "Texte superposé" à l'image "image du dessous.jpg".
Il va falloir saisir :

<HTML>
<BODY>
<SPAN style="position: absolute; top: 30 px; left: 100px;width: 103px; height: 61px">
<IMG SRC="image du dessous.jpg" >
</SPAN>
<SPAN style="position: absolute; top: 50 px; left: 100 px;">

Texte superposé

</SPAN>
</BODY>
</HTML>


Et voilà !

Évidemment, à la place du texte superposé, on peut placer une photo. je ne suis pas spécialiste, mais logiquement, ça devrait donner, à la place du texte :

<IMG SRC="image du dessus.jpg" >


En vous remerciant,

Bernuch



c'est bien avec absolute ;)
Bernuch le 15 décembre 2008 à 18h52
Oui absolument : c'est bien avec absolute !

Le petit problème qu'il me reste, c'est que mon NVU me modifie ces lignes de code dès que je l'utilise : j'ai dû cocher une remise en forme auto du code quelque part !

En vous remerciant,

Bernuch


PRODUITS

TÉLÉCHARGER - LOGICIELS

JEUX VIDÉOS

LOISIRS

01NET PRO

AVIS ET COMMENTAIRES

A PROPOS DE 01NET

mon 01net.
publicité
> 01netPro :
Rubrique Formation
Actualités et dernières offres mises en ligne.

Service 01net
Newsletters 01net
abonnez vous gratuitement !
  
Flux RSS 01net
recevez les actus en temps réel !
01Informatique
01 INFORMATIQUE
L'hebdo de référence des décideurs informatiques.
Micro Hebdo
MICRO HEBDO
L'hebdo qui vous simplifie la micro
et Internet.
L'Ordinateur Individuel
L'ORDINATEUR INDIVIDUEL
Le mensuel informatique qui vous informe et vous conseille.
Nous contacter  |  Charte de confiance  |  Voir notice légale

01net.  -  01men  -  RMC  -  BFM Radio  -  BFM TV  -  TousLesPodcasts  -  01informatique.fr  -  Association RMC-BFM
Tous droits réservés © 1999 - 2009 Internext - 01net.