impossible de centrer une image verticalement

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

Résolu impossible de centrer une image verticalement

Message par flexi2202 le Ven 3 Mai 2013 - 22:39

bonsoir a tous

je viens de creer une image qui sa grandit quand on passe avec la souris dessus
mais j ai du mal a centrer la vignette verticalement

voici ce que j ai


et ce que je souhaite



voici les codes


Code:

                          .lock  {
          position: relative;
          cursor: pointer;
        }
        .lock .lock-hidden {
        /* positionnement du bloc qui apparait */
          display: none;
          position: absolute;
          top: -320px;
          left: 320px;
             
        /* style du bloc qui apparait */
            border: 2px solid blue;
            border-radius: 5px;
            background-color: red;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-align: center;
        }
        .lock:hover .lock-hidden {
            display: block;
        }

Code:
       
          <table  >
                  <tr  >
                      <td width="275" height="750"  >
                      <div class="lock">
                  <img src="http://p2.storage.canalblog.com/22/51/1093017/86063273_o.jpg" />
                  <div class="lock-hidden">
                      KOHANE NATSUKI<br />
                      <img src="http://p0.storage.canalblog.com/04/21/1093017/86073957_o.jpg"width=672 height=504> <br />
                      FONDATRICE | GRAPHISTE
                  </div>
                </div>
                      </td>
        </tr>
       
                </table>

merci de l aide


Dernière édition par flexi2202 le Dim 5 Mai 2013 - 22:30, édité 1 fois

flexi2202
****

Messages : 368
Inscrit(e) le : 05/02/2011

http://la-peche-a-la-perle.forumgratuit.be
flexi2202 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: impossible de centrer une image verticalement

Message par flexi2202 le Sam 4 Mai 2013 - 23:48

bonsoir a tous

un petit up

merci pour les reponses

flexi2202
****

Messages : 368
Inscrit(e) le : 05/02/2011

http://la-peche-a-la-perle.forumgratuit.be
flexi2202 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: impossible de centrer une image verticalement

Message par Scoubifitz le Dim 5 Mai 2013 - 2:49

bonsoir,

en changeant la valeur du top dans le CSS ?

Code:
top: -143px;

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: impossible de centrer une image verticalement

Message par flexi2202 le Dim 5 Mai 2013 - 22:29

ok merci cela fonctionne

flexi2202
****

Messages : 368
Inscrit(e) le : 05/02/2011

http://la-peche-a-la-perle.forumgratuit.be
flexi2202 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