[résolu]Image hors flux

Bonjour à tous,

J'ai décidé de modifierr mon design en apportant un élément de plus, une image


Mais le problème c'es qu'il reste dans le flux, ce qui est évident.
j'aimerai néanmoins, que mon image ( ligne blanche et // sentiir , le tout forme évidemment une seul image) s'aligne au bord de ma bordure. j'ai donc créé un div spécifique

<div id="sentir">
           
              <img alt="blal bla" title ="..."   width="519" height="30"  src="images/sentir.gif"/></a>
          </div>

et css

#sentir{
left: -50px;}

Je pensais que mon élément serait forcé de 50 px vers la gauche, mais rien à voir.
Voila, est-ce que quelqu'un à tenter une chose pareil ?
Qui à une idée?
Merci de votre aide
Loic
Modifié par loicdu (10 Sep 2005 - 19:20)

En fait, si ton code ne marche pas, c'est car tu as mis left:-50px, mais tu as oublié d'indiquer la position.
Dans ton cas, c'est relative qui nous convient.

Donc:

#sentir{
position:relative;
left: -50px;
}

Du coté du code HTML, pourquoi mettre ca:

<div id="sentir">

<img alt="blal bla" title ="..." width="519" height="30" src="images/sentir.gif"/></a>
</div>

La div ne sert à rien, met directement l'id sur l'image.

<img alt="blal bla" title ="..." width="519" height="30" src="images/sentir.gif" id="sentir" /></a>
</div>

Par contre, si tu souhaites décaler autre chose avec, la, la div nous convient.
Modifié par Sylvain (10 Sep 2005 - 18:34)

Salut Sylvain,
Merci pour le tuyau, ça marche, par contre je ne comprens pas comment cela fonctionne avec " id_sentir"
Je n'ai pas mis d'image dans la css, et ça s'affiche quand même...
Pour l'image, je te laisse voir le résultat, question design.

merci de ton aide
Loic

a écrit :
Merci pour le tuyau, ça marche, par contre je ne comprens pas comment cela fonctionne avec " id_sentir"

Je ne comprends pas trop ce que tu entends par id_sentir.
Si tu parles de l'absence de div, c'est tout simplement quelle n'est pas necessaire.
Pourquoi bouger une div avec une image dedans si tu peux bouger seulement l'image ?
C'est comme mettre une pomme dans une brouette... (quelle belle métaphore qu'il nous fait là, Sylvain )

a écrit :
Je n'ai pas mis d'image dans la css, et ça s'affiche quand même...

Bas, l'image elle est dans le code HTML (avec <img...).
Qu'entends-tu pars l'image n'est pas dans le CSS ?