AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

 :: 
Once Upon a Time
 :: Divers Voir le sujet précédent Voir le sujet suivant Aller en bas

tableau image réactive

avatar
✎ Blabla : 544
✎ Citation : Trop de gens dépensent de l’argent qu’ils n’ont pas pour acheter des trucs dont ils ne veulent pas, juste pour impressionner des gens qu’ils n’aiment pas.
✎ Age : 31
Localisation : Quelque part entre le monde des vivants et le monde parallèle
Emploi/loisirs : A la recherche du bonheur et tout ce qui va avec
Humeur : Curieusement bien

Feuille de personnage
Métier: Observateur
Age: 30
Relations ♥:
Administrateur
Voir le profil de l'utilisateur




Hellie
Administrateur
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">


NanoWrimo 2018
Quand ça marche pas:
27201/50000 mots

« Great power comes great responsibility »
Ben Parker
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 1 sur 1

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