Salut,
Je souhaite mettre en évidence une note écrite. Elle est contenue dans un DIV. Ce DIV a une bordure et une marge à gauche de 100 px.
Je souhaiterai mettre une image (un petit picto de 50x50) dans la marge.
J'ai essayé avec background: url(picto.png) mais l'image apparaît dans la partie visible du DIV.
Je ne vois pas comment la faire passer dans la marge.
Bien sûr, je peux remplacer la marge par un padding, et dans ce cas, l'image est bien placée, mais mon cadre a bougé et il entoure l'image. Ce n'est pas beau.
Je pourrais aussi m'en sortir en ajoutant l'image dans le DIV, mais c'est une modification du contenu que je ne souhaite pas faire.
Alors, une idée ?
Possible ou pas ?
Je travaille en xhtml 1.0 strict.
Modifié par pat665 (01 Oct 2005 - 12:01)
Je souhaite mettre en évidence une note écrite. Elle est contenue dans un DIV. Ce DIV a une bordure et une marge à gauche de 100 px.
Je souhaiterai mettre une image (un petit picto de 50x50) dans la marge.
J'ai essayé avec background: url(picto.png) mais l'image apparaît dans la partie visible du DIV.
Je ne vois pas comment la faire passer dans la marge.
Bien sûr, je peux remplacer la marge par un padding, et dans ce cas, l'image est bien placée, mais mon cadre a bougé et il entoure l'image. Ce n'est pas beau.
Je pourrais aussi m'en sortir en ajoutant l'image dans le DIV, mais c'est une modification du contenu que je ne souhaite pas faire.
Alors, une idée ?
Possible ou pas ?
Je travaille en xhtml 1.0 strict.
Modifié par pat665 (01 Oct 2005 - 12:01)