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
problème de background-color
Bonjour,
Je cherche à faire un background color de 2 ou 3 pixels au survol d'une image, sachant qu'elles n'ont pas toutes la même forme.
Actuellement, j'en suis là :
http://www.utehadam.com/fr/voir-mes-...-et-portraits/
Evidemment quand l'image est carrée, c'est bien mais dès qu'on part sur du vertical ou pire, de l'horizontal, ça fait pas beau ni homogène...
Pouvez-vous m'aider ?
Salut,
Etant donné que tu utilise un <table>, les <td> se répartissent équitablement le width="100%".
Il faudrait peut-être voir en jouant sur les marges des <td> contenant les images de petites largeurs afin de les "réduire".
Pensez à utiliser les ressources disponibles en Dev. Web :
(x)HTML : Cours (X)HTML / FAQ (X)HTML
CSS : Cours CSS / FAQ CSS / Galerie CSS
Javascript : Cours / FAQ / Sources
Mon site : Développeur Web Freelance
Si tu n'utilisais pas des tableaux tu n'aurais pas ce problème...
Regarde cet exemple :
http://www.dimension-internet.com/dev/float2/
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
Pensez également à cocher
Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.
Dimension Internet
Merci pour vos réponses.
Cependant, je souhaite à présent faire différemment pour que ce soit plus cohérent.
Je souhaite faire la même chose mais pour le <TD> entier.
J'ai tenté de déplacer ma class au niveau de la balise <td> mais ça ne fonctionne pas. En fait, je voudrais avoir toutes les cases de la même taille pour le a:hover, quelle que soit la taille de l'image qui s'y trouve...
Tu ne dois pas utiliser les tableaux... ce ne sont pas des données tabulaires.
Comme indiqué dans l'exemple le problème ne se pose plus en utilisant des divs.
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_SIGNATURE -_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
Dans la mesure du possible, essayez de montrer votre problème en situation réelle en nous donnant une url, que l'on puisse tester.
Pensez également à cocher
Aucun problème ne doit être résolu en MP (Message Privé) le forum est là pour ça.
Dimension Internet
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Répondre avec citation
Partager