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

2 participants

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 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
avatar

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 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:

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

tupac
Membre actif

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

http://codactif.monalliance.com/
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 Mer 13 Juin 2012 - 7:01

Merci, beaucoup je vais tester ça.

Édit : Merci beaucoup tupac, sa marche parfaitement.
avatar

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 Mer 13 Juin 2012 - 7:20

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

Bonne journée.
tupac

tupac
Membre actif

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

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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