Bonjour.

Comment positionner une petite image ou l'on veut dans un bloc ?

Genre comme le menu du SDZ , il faut aussi quelle passe derriere le texte

Salut,

Est-ce que tu as lu les cours de M@teo ?

Parce qu'avec un peu de css, c'est facile et efficace !



En gros tu précise la taille de ton div, et tu choisis où tu veux placer son contenu.

Ensuite, tu écris ton div comme ça :

dans ce cas aucun interet a utiliser les css pour positionner une image dans le code html.
#menu
{
background-image:url(imf.gif);
background-position:left top;
}si tu veux qu'elle soit en bas a droite right bottom et si tu veux etre plus precis tu donne des valeurs en px ou mm ou em ou %

ok.

Et il faut donc creer une image un peu transparente ?

Citation : jp949

dans ce cas aucun interet a utiliser les css pour positionner une image dans le code html.
#menu
{
background-image:url(imf.gif);
background-position:left top;
}si tu veux qu'elle soit en bas a droite right bottom et si tu veux etre plus precis tu donne des valeurs en px ou mm ou em ou %

Euh, c'es pas du css ce que tu donnes ? Ok, moi j'agis sur le contenu, et toi sur le background, mais la technique est plus ou moins la même non ?

Citation : wydook66

ok.

Et il faut donc creer une image un peu transparente ?

Tout dépend du rendu que tu veux avoir...

la transparence c'est question de qualité d'image suivant ce que tu veux faire lais ce n'est pas necessaire l'image est en arriere plan.
la tecnique du css background c'est que si tu veux mettre un texte dessus tu peux, et que si tu veux changer ton image si elle se trouve sur plusieurs pages une seule commande a effectuer au lieu de changer l'image sur chaque page

Ah oui, effectivement, je n'avais pas vu ces possibilités. J'ai pas encore tous les reflexes quand je ne suis pas confronté au cas

Attention car ces deux méthodes (background et balise <img>) ont des implications très différentes :

- une image <img> "en dur", présente dans le code HTML est nécessaire si celle-ci est pertinente et si elle apporte du contenu, de l'information. Si tel est le cas, il faut lui attribuer un texte alternatif alt et ne surtout pas l'afficher en background puisque cette information serait perdue pour un non-voyant par exemple
- au contraire, une image décorative, sans information sur le contenu, doit ne pas apparaître dans le code HTML et être servie en arrière-plan, sinon elle va justement gêner un non-voyant puisqu'elle n'apporte aucune pertinence.

En clair :
- image pertinente = <img>
- image décorative = arrière-plan

Pour afficher du texte par-dessus une image <img>, il suffit d'employer le décalage que permet la position relative.

Exemple :

Sinon, pour la "transparence" de l'image (j'imagine que tu veux parler du noeud présent sur les menus du SDZ), c'est directement dans ton logiciel de création d'images, que tu détermines ça (et, ce n'est pas de la transparence, mais juste une atténuation de la luminosité)

D'accord. Merci à vous pour ces compléments d'informations trés utiles.

A++