Image en arrière-plan à taille automatique

2 participants

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

Résolu Image en arrière-plan à taille automatique

Message par Xude Mar 18 Déc 2012 - 22:36

Bonjour !

Je regrette de ne pas être plus explicite dans mon titre, mais le problème auquel je fais face est assez complexe.

Je suis le fondateur d'un forum sur lequel je travaille depuis peu. J'ai trouvé le code suivant pour créer un message d'accueil en accordéon (https://forum.forumactif.com/t327581-message-d-accueil-en-accordeon) qui me satisfait beaucoup. Mais c'est là que le problème se pose.

Le code HTML utilisé pour les images (<img class="full" src="LIEN" alt="image" />) règle automatiquement la taille de l'image en fonction de la taille des cadres du MA, sans que j'ai à la rogner ou à entrer des dimensions dans quelque code que ce soit. Toutefois, j'aimerais que ces images soient en arrière-plan afin d'écrire dessus.

Or, les codes que j'ai trouvé, du genre "background-image", soit adaptent ce qu'on voit de l'image à la longueur du texte, soit nécessitent un rognage de l'image et la saisie de dimensions. Malgré mes nombreuses recherches, il m'a été impossible de trouver un code qui mette une image en arrière-plan tout en adaptant automatiquement sa taille non pas au texte qui y est superposé mais à la place dont elle dispose dans un MA.

Je voulais donc savoir si un tel code existait bien et si quelqu'un le connaissait et pouvait me le transmettre ^^

J'espère avoir été clair et vous remercie d'avance !


Dernière édition par Xude le Jeu 20 Déc 2012 - 23:18, édité 2 fois
avatar

Xude
Nouveau membre

Messages : 14
Inscrit(e) le : 18/12/2012

http://sanctumspiritum.forums-actifs.com/
Xude a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en arrière-plan à taille automatique

Message par Roxy. Mer 19 Déc 2012 - 10:50

Bonjour,

Si j'ai bien compris votre problème, il vous faut définir une taille à l'image automatiquement ? Ajouter un height et un width dans votre balise img fera l'affaire. Wink
Code:
<img class="full" src="LIEN IMAGE" alt="image" width="0px height="0px" />

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en arrière-plan à taille automatique

Message par Xude Mer 19 Déc 2012 - 19:34

Hum, je me doutais bien qu'encore une fois je n'avais pas été assez clair.

En fait, je cherche un code similaire à (<img class="full" src="LIEN" alt="image" />), qui justement m'évite de devoir rogner une image et de mettre des dimensions, et qui en plus définit l'image comme arrière-plan. En somme, un (<img class="full" src="LIEN" alt="image" />) qui permet en plus d'écrire par-dessus l'image ^^
avatar

Xude
Nouveau membre

Messages : 14
Inscrit(e) le : 18/12/2012

http://sanctumspiritum.forums-actifs.com/
Xude a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en arrière-plan à taille automatique

Message par Roxy. Mer 19 Déc 2012 - 19:39

Déjà, pour mettre en fond je peux vous aider :
Si jamais vous souhaitez écrire du texte, il vous faudra créer des balises span :
Code:
<span style="background-image: url('lien de l'image');">Texte</span>

Pour la taille, à part en définir une, je ne vois pas comment faire.

Cordialement,
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en arrière-plan à taille automatique

Message par Xude Jeu 20 Déc 2012 - 23:18

C'est bien ce que je craignais...

Autant pour ma flemmardise en ce cas ! ^^

Merci de vous être penchés sur mon problème et bonne continuation !
avatar

Xude
Nouveau membre

Messages : 14
Inscrit(e) le : 18/12/2012

http://sanctumspiritum.forums-actifs.com/
Xude a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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