AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

tableau image réactive
Voir le sujet précédent Voir le sujet suivant Aller en bas

 :: 
Once Upon a Time
 :: Divers
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">


I love cat
avatar

Feuille de personnage
Métier: Observateur
Age: 30
Relations ♥:
Voir le profil de l'utilisateur http://lovelost.forumgratuit.org
✎ Blabla : 337
✎ 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 : massacrante...
Revenir en haut Aller en bas
tableau image réactive
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Image réactive
» Image réactive dans un message ?
» Tableau Image/Texte dans Description de Catégorie
» Infobulle sur image réactive
» Problème code - Texte sur une image réactive

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