Image + texte

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image + texte

Message par Mickael83 le Mar 28 Mai 2013 - 13:53

    Bonjour, sa faisait longtemps que je n'étais pas venu poster un message sur forumactif Smile
    Voila, pour un contexte j'ai mis une photo et j'ai mis une petite phrase en dessous. J'aimerai que cette petite phrase, soit légèrement sur la photo. Je ne sais pas comment on fait, j'ai du mal encore et encore avec les codes x)

    Merci d'avance ^^

Mickael83
****

Féminin
Messages : 263
Inscrit(e) le : 14/07/2011

Mickael83 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Matriochka le Mar 28 Mai 2013 - 17:06

Bonjour,

Il suffit de mettre une marge négative en haut, sur le texte (ou en bas, sur l’image) Par exemple :
Code:
<img src="" alt="" />
<span style="margin-top:-50px;">texte ici</span>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Mickael83 le Mar 28 Mai 2013 - 17:20

Okay d'accord merci mais je mes quoi dans " alt " ?

Mickael83
****

Féminin
Messages : 263
Inscrit(e) le : 14/07/2011

Mickael83 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Matriochka le Mar 28 Mai 2013 - 17:23

C’était juste un exemple Smile

Pour alt :
http://www.alsacreations.com/astuce/lire/1166-alt-title-images-liens.html

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Mickael83 le Mar 28 Mai 2013 - 17:25

Je n'y arrive pas. :/

Mickael83
****

Féminin
Messages : 263
Inscrit(e) le : 14/07/2011

Mickael83 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Matriochka le Mar 28 Mai 2013 - 17:40

Peux-tu envoyer ici les codes que tu as mis ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Mickael83 le Mar 28 Mai 2013 - 20:52

<img src="http://www.marseille-airport.com/var/mpaeroport/storage/images/media/images/destinations/europe/grande-bretagne/angleterre-londres-3/17237-1-fre-FR/angleterre-londres-3.jpg" alt="" />
<span style="margin-top:-50px;">Stars'air here !</span>

j'ai mis sa comme code, je sais pas si c'est comme sa!

Mickael83
****

Féminin
Messages : 263
Inscrit(e) le : 14/07/2011

Mickael83 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Matriochka le Mer 29 Mai 2013 - 16:54

C’est bon, j’ai juste oublié un détail (qui fait toute la différence) :
Code:
<span style="margin-top:-50px;position:absolute;">Stars'air here !</span>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Mickael83 le Mer 29 Mai 2013 - 21:15

Merci bien mais c'est pas du tout le même code la, je m'en sors pas avec tous ses codes xD

Mickael83
****

Féminin
Messages : 263
Inscrit(e) le : 14/07/2011

Mickael83 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Matriochka le Jeu 30 Mai 2013 - 11:32

J’ai juste donné la seconde ligne, mais le code final est le même :
Code:
<img src="http://www.marseille-airport.com/var/mpaeroport/storage/images/media/images/destinations/europe/grande-bretagne/angleterre-londres-3/17237-1-fre-FR/angleterre-londres-3.jpg" alt="" />
<span style="margin-top:-50px;position:absolute;">Stars'air here !</span>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image + texte

Message par Mickael83 le Jeu 30 Mai 2013 - 16:12

Merciiiii beaucoup Smile

Mickael83
****

Féminin
Messages : 263
Inscrit(e) le : 14/07/2011

Mickael83 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum