IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

lien qui décolle image


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Août 2008
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2008
    Messages : 13
    Par défaut lien qui décolle image
    Salut à tous,
    Je bricole un "pousse-pousse" (puzzle) mais les liens décollent le bas des images du bord du tableau voir : http://www.developpez.net/forums/att...1&d=1289144155.
    Ce jeu fonctionnait très bien mais depuis (pour le relooker et pour valider ma page) j'ai incéré un DOCTYPE et le jeu fontionne toujour mais les liens dénature l'image final.
    Lorsque je supprime le doctype le problême disparais completement et si j'insère un doctype transitionnal les parties de l'image se décole au passage de la souris .
    Comment modifier mon html ou css puisque que ce que j'ai trouvé sur "a ref" ne permet pas de resoudre mon problême?
    Merci !
    Images attachées Images attachées  

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Tout d'abord, le doctype est très important, il est nécessaire de coder avec pour éviter des interprétations différentes selon les navigateurs (pour info, sans doctype, c'est le navigateur qui impose sa méthode de rendu).

    Ensuite, regarde du coté des déclarations de style
    et pas uniquement des styles des balises a (voir la FAQ CSS).
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Ca sent la mise en page en tableau. Un vertical-align:top ou un display:block sur tes images et ça devrait fonctionner.

Discussions similaires

  1. image et liens qui ne marchent pas
    Par Otero dans le forum Servlets/JSP
    Réponses: 1
    Dernier message: 26/02/2009, 10h27
  2. lien dessus une images qui n'est pas en background
    Par tiyolx dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 04/03/2006, 18h40
  3. Un lien qui affiche une image au survole
    Par Edoxituz dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 28/01/2006, 12h06
  4. CSS : un lien qui prend toute une ligne d'un tableau.
    Par pmithrandir dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 20/04/2005, 16h52
  5. Réponses: 3
    Dernier message: 01/12/2003, 13h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo