AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 tableau image réactive

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

avatar

✎ Blabla : 374
✎ Citation : je me suis toujours sentie seule... j'ai beau être entourée, je me sens toujours seule même quand j'étais avec lui...
✎ Age : 30
Localisation : au bord d'un pont, regardant le vide, prête à sauter...
Emploi/loisirs : Cas désespéré, passe ton chemin
Humeur : Curieusement bien

Feuille de personnage
Métier: Observateur
Age: 30
Relations ♥:

MessageSujet: tableau image réactive   Lun 28 Oct 2013 - 20:18

Code CSS
PA >> affichage >> couleur >> feuille de style CSS

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: -330px;          /* marge haut */
              margin-left: 180px;            /* marge gauche */
              position: absolute;        /* ne pas toucher */
              overflow: auto;
              padding: 10px;
        }
Ajouter ce même code plusieurs fois ci vous avez plusieurs tableau, n'oubliez pas de changer .defilement en un autre nom pour la DIV. Enlever Overflow si vous ne voulez pas le scrollbar (ascenseur) Margin-top et Margin-left les marge descendre et éloigner de la gauche.


A placer dans le Panneau accueil
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>
ceci c'est pour les liens sur votre image:
Code:
<area shape="rect" coords="703,290,912,305" href="LIEN DE VOTRE PAGE" alt="NOM DE VOTRE LIEN">


Marvel
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://curieusementbien.forumgratuit.org
 
tableau image réactive
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Convertir un Tableau image en Tableau Excel avec OCR
» Infobulle sur image réactive
» Faire une image réactive pour le QEEL
» Infobulles sur une image réactive.[Résolu]
» Créer une infobulle sur une image réactive

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Curieusement Bien :: 
Once Upon a Time
 :: Divers
-
Sauter vers: