28172 sujets

CSS et mise en forme, CSS3

Texte sur image solide ?

Bonjour,

Est-il possible de mettre un texte sur une image solide ?
C'est a dire, sur un <img src> ?

J'aimerai juste ajouter "cliquer ici pour changer cette image"
Avec un poil de style pour que ce soit lisible quelque soit le fond de l'image.

Bonne journée

Ps: existe t il une manque de donnée d'exemple de style sur texte, élément et image ?
Histoire d'avoir des aperçus.
J'ai déjà 2 liens sympa mais je sais qu'il y a bien plus.
http://css3.mikeplate.com/
http://css3generator.com/
Bonjour,

Oui, ça se fait. Il faudra que tu utilise tout bêtement un mode de positionnement hors flux, comme position relative ou absolute selon les besoins.
Administrateur
Vaxilart a écrit :
Bonjour,

Oui, ça se fait. Il faudra que tu utilise tout bêtement un mode de positionnement hors flux, comme position relative ou absolute selon les besoins.

Attention, position relative n'est pas un positionnement hors flux.
Je vois ce que tu veux dire... enfin je pense
Je colle une div flottante par dessus.

Mais ca cause souvent des problèmes pour bien cadré la div avec l'image, souvent le calage n'est pas le même sur les différents navigateur. Et pour finir l'emplacement de 'image peut subir des variations selon le texte qui la précédé.

Si c'est bien ton idée... bha ca n'ira pas.
Sinon, si c'et autre chose merci de précise .
hors flux = float.
Et pour ton souci, je dirais plus javascript.
Modifié par jmlapam (24 Dec 2011 - 16:54)
ok je viens de trouvé.
J'ai cherché juste après, j'avais pus vu le dernier message.

Ca semble ce que je cherche.
Je m'y colle Smiley smile

Merci
En fait non.
Ca ne veut pas se mettre par dessus.
Ca se met soit à coté ou en dessous.

Je vais essayer de passer mon image en image de fond mais c'est pas la meilleur chose à faire Smiley decu

Si vous avez une autre suggestion Smiley smile
Le float ne te permettra pas de mettre du texte sur une image de contenu puisque le propre du float est de faire passer le texte autour du contenu d'un bloc.

La seule de manière effective de faire ce que tu veux sera d'utiliser le positionnement absolu (ou relatif, mais ce serait plus compliqué). Et à ce sujet, le positionnement absolu ne pose pas problème lorsqu'il est bien maitrisé; les navigateurs (ie7 et plus) n'ont pas de bugs particuliers à son sujet empêchant son utilisation (parfois des problèmes de z-index réglable tout au plus).

Mais, pour faire plus simple en complet:

Rendez-moi ma Position Absolue ! (pourquoi on peut s'en servir)

Et un tutoriel de survol:
Guide de survie du positionnement CSS

Et un tutoriel plutôt complet:
Initiation au positionnement CSS (partie 2)



Sinon, bin y'a toujours:


selecteur {
    background-image: <ton-image>;
}

Modifié par Vaxilart (24 Dec 2011 - 23:01)
Miam miam quel repas !!!
Salut,

je n'ai jamais dis que tu devais utiliser float, j'ai juste dit que float voulait dire mettre hors flux contrairement à position... Smiley cligne
Je t'ai conseillé une solution javascript plutôt mais Vaxilart a sûrement raison.
Sujet clos
Aller à