begin process at 2012 05 29 09:47:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Image en background et texte dessus


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Image en background et texte dessus

vendredi 28 décembre 2007 à 23:42:06 | Image en background et texte dessus

TOONIE

Bonsoir,

   

J'ai un souci : je voudrais mettre en background une image mappée, et par-dessus du texte dans l'espace que j'ai laissé. Et les codes ci-dessous me donnent l'image en haut avec le texte dessous ; Je n'arrive pas à réaliser mon souhait, malgré diverses tentatives aussi créatives qu'exotiques apparemment  ...  Pouvez-vous m'aider ?

 

Mon CSS :

#background1 {

background-image:url(repertoire/image1.jpg);

background-repeat:no-repeat;

margin:0;

}

.Conteneur1 {

            text-align: center;

}

.Kko1 {

            margin-left: 17em;

            margin-right: auto;

            width: 40%;

            font-size: 12px;

            font-family: Verdana, Arial, Helvetica, sans-serif;

            text-align: justify;

            padding: 0.5em;

}

 

 

Mon body (pour être bref, les ...  remplacent ici des données ou du texte) :

<div id="background1">

<body bgcolor="#ffffff">

<img name="image1" src="image1" width="745" height="423" border="0" usemap="#m_ image1" alt=""><map name="m_ image1">

<area shape="poly" coords="..." href="http://.........fr" target="_blank" title="..." alt="..." >

<area shape="poly" coords=".." href=".." alt="." >

</map>

</body>

</div>

<div class="Conteneur1">

<div class="Kko1"><p>blab la bla</p>

<p>blo blo blo</p>

<p>..encore du bavardage...... </p>

</div>

</div>

 

Merci beaucoup et bonnes fêtes de fin d'année !

TOONIE
samedi 29 décembre 2007 à 19:20:18 | Re : Image en background et texte dessus

TOONIE

Re,

J'ai sans doute mal posé ma question, puisque personne ne répond !  En fait, je sais mettre une image en background, mais comment faire quand elle est mappée (où dois-je mettre les "<area shape et coords>") ?

Bonne soirée
TOONIE
vendredi 4 janvier 2008 à 15:34:13 | Re : Image en background et texte dessus

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour, je te souhaites une bonne année et plein de petites pages HTML

Pour commencer ATTENTION de bien déclarer toutes les balises entre <BODY> et </BODY> c'est plus correct...

Si tu mets une image en background tu ne peux pas appliquer directement à celle ci une MAP.

à lire pour INFO [ Lien ]

;O)
vendredi 4 janvier 2008 à 21:43:33 | Re : Image en background et texte dessus

TOONIE

Viva, PetroleTeam,

Je te remercie vraiment pour la poésie de tes voeux, et à mon tour je te souhaite le meilleur. Mais veille à tes désirs, car s'ils se réalisaient, il faudrait assumer...

Comme je me sentais un peu abandonné, je suis parti pour abandonner l'image mappée. Et comme en plus c'est impossible à réaliser, je n'ai aucun regret ! Je vais découper l'image et gérer les zones comme je le ferais avec des boutons en quelques sortes.

 

Merci pour le lien. Très instructif.


Une petite question : un pote d'un ami me fait dire que les images mappées c'est "has been", mais il n'a pas expliqué par quoi les substituer... Qu'en penses-tu ?

TOONIE
vendredi 4 janvier 2008 à 22:27:21 | Re : Image en background et texte dessus

PetoleTeam

Membre Club
A vrai dire, dire que les images mappées sont has been est également has been, surtout si l'on ne donne pas de solution de remplacement, qui existent d'ailleurs sous la forme de zones positionnées comme des DIVs mais qui n'égaleront jamais les shapes poly par exemple ?

Si tout ce qui n'est plus à la mode, pour certains, est has been alors les poubelles ne seront jamais assez grandes.

Un solution existe néamoins à ton problème, c'est un moyen détourné qui consiste à positionner un image transparente sur le fond et donc d'appliquer le mapping sur cette image la, cela peut te permettre d'avoir donc plusieurs couches...

;0)
samedi 5 janvier 2008 à 10:43:13 | Re : Image en background et texte dessus

TOONIE

Bonjour PetroleTeam,

Pour mon souci, je vais découper l'image et faire un lien sur chacune des zones qui m'intéresse. Je reviendrai au mapping sur des travaux où ce sera possible.

Merci pour tes conseils
TOONIE


Cette discussion est classée dans : texte, image, background, dessus, margin


Répondre à ce message

Sujets en rapport avec ce message

TEXTE PAR-DESSUS D'UNE IMAGE [ par sn0wb0ard3r ] Bonjour...Je voudrais savoir comment faire pour pouvoir écrire un texte au-dessus d'une image... L'image est positionnée en "absolute", mais le texte Image déplaçable, avec bouton et texte incruster dessus [ par angelblood ] Bonjour, Je suis novice en Javascript et je cherche a afficher une image déplacable (Devant la page) avec du texte et des bouton dessus (J'aimerais s Texte au survol d'une image [ par Shagrath69 ] Bonjour à tous,pour le site que je suis en train de développer j'ai besoin d'un texte qui s'affiche au survol d'une image.Ne connaissant rien au JS, j Centrer une image en background (image > fenêtre) [ par sagat06 ] Bonjour, un exemple étant plus parlant que 1000 mots, j'aimerais savoir comment le site suivant centre son background (jpeg 1920*1200) le site => ht image de fond dynamique sur mon site aide pour coder en java [ par tuprendslapero ] Bonjour a tous, J'aurai besoin d'un coup de pouce pour mon site,j'espere que je post au bon endroit au quel cas je m'excuse d'avance. Je vous expliqu au secours ! qu une bonne ame vienne m aider ! [ par tristouille27 ] voici mon code je ne sais pas " encore" comme ajouter un carrousel photo par exemple a l endroit precisé ! je suis ridicule mais j ai besoin d aide au Taille/Hauteur de la zone de texte en fonction de son contenu [ par thais781 ] Bonjour, J'utilise les fonctions suivantes dans ma feuille CSS, Mais je suis obligé de mettre en dur la hauteur de #contenu, je n'arrive pas à faire parentnode d'un <option> [ par themagician67 ] Bonjour, J'ai une question. J'ai deux "select multiple" et je fais des déplacements de valeurs avec des images de fond dans les options. Quand on pas génial code pour afficher image onMouseOver texte, mais... [ par vanderstraten ] Bonjour, j'ai trouvé ce lien (en anglais) pour afficher une image onMouseOver du texte mais je cherche à pouvoir afficher plusieurs groupes de textes Modifier dynamiquement page HTML + annotations en Javascript [ par access2008 ] Bonjour à tous. Je veux developper un site qui a pour objectif l'annotation des documents pédagogiques ( des documents en HTML ) Donc quand un utili


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,342 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales