Problème code - Texte sur une image réactive

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème code - Texte sur une image réactive

Message par Sarius le Mar 12 Juin 2012 - 23:26

Bonsoir,
Voilà je présente mon problème :
J'ai réussit à faire une image réactive comportant plusieurs liens, j'ai mit ces liens à l'aide des coordonnée de leur empalcement sur l'image. Mais au centre de cette image je veux rajouter un texte munit d'une barre de défilement, mais j'ai tenter tout ce que je connaissais et rien à faire.
C'est pour cela que je demande votre aide, merci de l'attention que vous porterez à mon problème .

Image :
Spoiler:

Je souhaites ajouter mon texte dans le cadre noir sous l'intitulé "L'Univers".


Dernière édition par Sarius le Mer 13 Juin 2012 - 13:12, édité 1 fois

Sarius
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 23/12/2009

http://ac2-tsc.forumactif.org/forum.htm
Sarius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code - Texte sur une image réactive

Message par tupac le Mer 13 Juin 2012 - 5:42

Bonjour

J'ai placé votre img réactive dans un tableau, sous cette img réactive j'y est placé la barre de défilement puis en plaçant un position: absolute dans le css de la barre de défilement et en jouant avec les margin-top et margin-left j'ai pu positionné cette barre sur votre image réactive.

Donc placer le code suivant dans votre page d'accueil.
Spoiler:
Code:
<table height="405" width="941">
  <tr>
    <td>

<img name="accueil0" src="http://i45.servimg.com/u/f45/15/55/14/56/zzzzzw25.jpg" usemap="#accueil">
      <map name="accueil">

<area shape="rect" coords="18,68,146,90" href="" alt="règlement">
<area shape="rect" coords="18,104,146,120" href="" alt="les précheurs">
<area shape="rect" coords="720,103,788,174" href="" alt="staff 1">
<area shape="rect" coords="820,103,890,174" href="" alt="staff 2">
<area shape="rect" coords="703,260,912,275" href="" alt="1er lien">
<area shape="rect" coords="703,290,912,305" href="" alt="2ièm lien">
<area shape="rect" coords="703,321,912,336" href="" alt="3ièm lien">
</map> 

<br />
    <div class="defilement">
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte<br />
Le texte
 
 </div>

      </td>
    </tr>
 </table>

Puis le css dans votre feuille de style.
Code:
/* barre de défilement */
.defilement {
      background-color:#444;        /* fond */
      border:1px solid #cecece;      /* cadre */
      text-align: left;            /* place le texte a gauche */
      color:#fff;                  /* couleur texte */
      width: 440px;                      /* largeur */
      height: 270px;                  /* hauteur */
      margin-top: -347px;          /* marge haut */
      margin-left: 180px;            /* marge gauche */
      position: absolute;        /* ne pas toucher */
      overflow: auto;
      padding: 10px;
}
Si vous souhaitez placer la barre de défilement a gauche du texte remplacer ceci.
Code:
<div class="defilement"> Le texte </div>
Par ça.
Code:
<div class="defilement" dir="rtl"> Le texte </div>


Dernière édition par tupac le Mer 13 Juin 2012 - 7:22, édité 1 fois

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code - Texte sur une image réactive

Message par Sarius le Mer 13 Juin 2012 - 7:01

Merci, beaucoup je vais tester ça.

Édit : Merci beaucoup tupac, sa marche parfaitement.

Sarius
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 23/12/2009

http://ac2-tsc.forumactif.org/forum.htm
Sarius a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème code - Texte sur une image réactive

Message par tupac le Mer 13 Juin 2012 - 7:20

Génial Wink
Pouvez-vous éditer votre premier message et coché résolu svp.

Bonne journée.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum