[résolu] mettre une image derriere le texte

dj.dom · Message par **dj.dom** » 30 juil. 2006, 20:29

Bonjour

Lorsque l'on insere une image, on a l'image puis en dessous on a le texte. Moi je veux que l'image apparaisse derriere le texte. (qu'ils soient donc supperposés)
Il faudrait également qu'elle reste derriere cette partie du texte même si on redimensionne le navigateur ou qu'on fait défiler la page. (qu'elle y soit attachée quoi)

Je ne veux pas la mettre en background, ma page a déjà un fond, et de toute façon je veux que cette image ne s'affiche qu'une seule fois et non en boucle.

Est-ce possible ?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

calimo · Message par **calimo** » 30 juil. 2006, 21:39

dj.dom a écrit :Lorsque l'on insere une image, on a l'image puis en dessous on a le texte.

Pardon ? Par défaut, l'image va être à côté du texte, il n'y a pas de superposition.

Comment as-tu réalisé cette superposition ?

De plus, à lire ce que tu veux, je crois que tu aurais meilleur temps d'inclure ton texte directement dans l'image, et , mettre le texte comme texte alternatif

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.5) Gecko/20060730 Firegecko/dapper-security Firefox/1.5.0.5

Mongo Bob · Message par **Mongo Bob** » 30 juil. 2006, 22:25

Il a pas dit qu'il avait réalisé une superposition, il a dit qu'il avait le texte sous l'image et que ça lui convenait pas, de toute façon, c'est pas trés clair, tout ça.
dj.dom, tu parles d'un texte alternatif pour la balise "alt", ou d'une légende qui commente l'image, ou d'un texte avec en fonds une image pour faire joli?
Auquel cas : Css : le texte est dans un bloc approprié, le fonds du bloc est une image, propriétés css :"background-repeat: no-repeat;" (ce que tu appeles "pas en boucle"), "background-position: center;", faut que l'image soit au moins aussi grande que le bloc dédié au texte.

Je ne veux pas la mettre en background, ma page a déjà un fond,

Si, il faut! Mais pas en background de ta page, juste de ton bloc (un "p" par exemple) dans lequel tu vas mettre ton texte.

dj.dom · Message par **dj.dom** » 31 juil. 2006, 00:26

Désolé, j'ai du mal à expliquer ce que je veux dire... Oui c'est "un texte avec en fonds une image pour faire joli". Je ne peux pas mettre le texte dans mon image car il y a des liens vers des fichiers dans ce texte.

Si, il faut! Mais pas en background de ta page, juste de ton bloc (un "p" par exemple) dans lequel tu vas mettre ton texte.

Je ne savais pas qu'on pouvait mettre un background par objet... je croyais qu'il n'y en avais qu'un, pour la page. Mais si c'est ça alors c'est parfait car il s'agit justement d'une cellule d'un tableau ! (et j'aimerai mettre d'autres images en fond dans les autres cellules)
Et comment je fait, je rajoute juste background="<url de l'image>" dans la ligne ? Et est-ce que l'image va s'affichier une seule fois ou elle va se répéter comme les backgrounds ont l'habitude de faire ?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

teoli2003 · Message par **teoli2003** » 31 juil. 2006, 08:53

dj.dom a écrit : Et comment je fait, je rajoute juste background="<url de l'image>" dans la ligne ? Et est-ce que l'image va s'affichier une seule fois ou elle va se répéter comme les backgrounds ont l'habitude de faire ?

Tu peux paramétrer. Ce qu'il te faut c'est une référence de css sous la main pour écrire correctement. Par exemple: http://www.w3schools.com/css/css_reference.asp (C'est pas le meilleur mais tu trouveras ta réponse)

N'oublie pas de valider et ton html et ton css avec un validateur (par exemple http://validator.w3.org pour l'html, mais ce site a également un validateur de css). Cela permet d'éliminer pas mal de petites erreurs.

Mongo Bob · Message par **Mongo Bob** » 31 juil. 2006, 09:26

Je ne savais pas qu'on pouvait mettre un background par objet...

Si, on peut mais que avec les css, mais est-ce que tu as créé une feuille de style css? Sinon, il faut, et il faut apprendre les css, qui décuplent ce qu'on peut faire avec html seul.

Et est-ce que l'image va s'affichier une seule fois ou elle va se répéter comme les backgrounds ont l'habitude de faire ?

A ceci, je t'ai répondu ça :

propriétés css :"background-repeat: no-repeat;" (ce que tu appeles "pas en boucle")

Hors css, point de salut (ni de soluce), me semble-t'il.

dj.dom · Message par **dj.dom** » 31 juil. 2006, 14:11

Oui j'utilise déjà une feuille de style pour garder mon menu fixe et faire fonctionner la transparence des png avec IE.

J'ai ajouté ça entre les balises Style
#MaCellule{ background-image: url(http://dj.dom.free.fr/data-pro/symphonique.png); background-color: #000000; background-repeat: no-repeat;}

et j'ai mis ça pour ma cellule de tableau :
<td id="MaCellule" height=398 width=567></td>

Ca marche ! Mais comme j'utilise un png transparent, il faut que je rajoute class="png" border="0" height="398" width="567" quelque-part sinon IE fait un fond gris sur l'image. Je ne peux pas le mettre dans la feuille de style apparement, ni dans la cellule. Ou dois-je l'ajouter ?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

Mongo Bob · Message par **Mongo Bob** » 31 juil. 2006, 14:50

Ca, c'est aussi dans les balises style :
<td height=398 width=567 style="background-image:url(http://dj.dom.free.fr/data-pro/symphoni ... :no-repeat;">
? Non. Donc, on peut mettre une image en background d'un bloc hors css, je savais pas, mais c'est mieux avec les css, quand même.
Pour le pb de transparence des png sous IE, j'y connais rien.

dj.dom · Message par **dj.dom** » 31 juil. 2006, 14:56

Heu, oui là j'avais un peu tout mélangé... J'ai refait ça plus propre et j'ai mis mon message précédent à jour.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

Mongo Bob · Message par **Mongo Bob** » 31 juil. 2006, 15:23

C'est ça :

Code : Tout sélectionner

class="png" border="0" height="398" width="567"

qui autorise la compat de IE pour la transparence? Et ça marche sûr? Ce sont les caractéristiques à attribuer à l'image png pour que IE rende la transparence? Savais pas...

dj.dom · Message par **dj.dom** » 31 juil. 2006, 15:44

Non, c'est bien plus compliqué que ça pour faire fonctionner la transparence des png avec IE. ( Voir ici ) Ce petit bout de code est juste la partie qu'il y a d'habitude avec mes images png et que je n'ai pas pu mettre cette fois-ci. Et comme là l'image apparait avec un fond gris au lieu d'un fond transparent, je pense que c'est parce-que je n'ai pas pu mettre ce petit bout de code que je met d'habitude.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

Mongo Bob · Message par **Mongo Bob** » 31 juil. 2006, 17:13

Plus question de IE, alors : tu as un fonds gris aussi bien avec FF (Firefox) parce que, apparemment, tu n'as pas adjoint ce bout de code? Il faut que j'essaie de mon côté...

dj.dom · Message par **dj.dom** » 31 juil. 2006, 17:45

Non, ça fonctionne normalement avec FireFox et NVU, car eux savent afficher les png transparents. Il n'y a que IE qui a besoin de tout ça...

Toutes mes images png transparentes sont comme ça :
<img src="http://dj.dom.free.fr/data-pro/titre-musique.png" class="png" border="0" height="156" width="307">
et mon IE6 arrive à les afficher aussi bien que FireFox.

Là j'ai juste
background-image: url(http://dj.dom.free.fr/data-pro/symphonique.png)
et IE lui donne un fond gris... Donc je suppose que c'est parceque je n'ai pas pu mettre le reste de la ligne. Mais j'y pense, c'est peut-etre parce-qu'il n'est pas entre les balises IMG cette fois.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

calimo · Message par **calimo** » 31 juil. 2006, 18:37

Tu utilises IE7 de Dan Edwards ? Normalement ça devrait fonctionner. Voir http://dean.edwards.name/IE7/compatibility/

C'est peut-être un bug, dans ce cas tu peux le soumettre à l'auteur

PS : encore une fois, les tables n'ont rien à faire dans ta page, il n'y a pas de données à présenter

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.5) Gecko/20060719 Firedragon Firefox/1.5.0.5

dj.dom · Message par **dj.dom** » 31 juil. 2006, 19:08

Non, j'utilise ça : http://www.pim.asso.fr/pages_externes/t ... _a_ie.html

J'ai regardé le code de plus près et je pense que ça ne marche que lorsqu'on utilise <img ...> ...

Donc je ne sais pas comment je vais faire...

C'est génant que j'utilise un tableau ?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

Geckozone

[résolu] mettre une image derriere le texte

[résolu] mettre une image derriere le texte

Re: mettre une image derriere le texte

Qui est en ligne ?