Forum
Forum :: Aide en CSS
une balise "a" déforme mes images
<< Sujet précédent | Sujet suivant >>
Moderateurs: Alexis
Auteur Message
gdhia
Messages: 2
Bonjour à tous,

sur la page suivante: http://rac-spa.org/sites/default/files/doc_medmpanet/catalogue/index2.html

le css que j'utilise permet normalement de faire en sorte que les images se redimensionnement automatiquement selon la taille de l'ecran (pc, tablette, téléphone...) comporte une définition.

j'essaye de mettre des lien de sorte que lors du clic sur une couverture, ça ouvre une autre page, mais quand j'insère la balise <a href>, la définition existant dans le CSS pour cette balise déforme l'image.

.showcase a:link, .showcase a:visited, .showcase a:hover, .showcase a:active {
    color: white !important;
    display: block;
    margin: 0 auto 1rem;
    position: relative;
    text-decoration: none;
    width: 11.75rem;}


j'ai donc du créer une nouvelle classe "a.one" avec le CSS suivant pour l'image reste dans la bonne proportion (vous verrez que la différence est au niveau du width:


.showcase a.one:link, .showcase a.one:visited, .showcase a.one:hover, .showcase a.one:active {
    color: white !important;
    display: block;
    margin: 0 auto 1rem;
    position: relative;
    text-decoration: none;
    width: 16.29rem;}

le problème c'est que maintenant quand j'ouvre la page sur un téléphone, toutes les images qui n'ont pas de lien activé apparaissent redimensionnées, mais celles qui ont un lien gardent ce width redéfinit.


Est ce que quelqu'un pourrait m'aider à résoudre ce problème d'une façon pro ?


Merci d'avance.
Alexis

Messages: 1136
Site internet
Bonjour,

Tu est ici sur le forum de support pour les utilisateurs d'utiliweb. Si ton site n'est pas créé avec utiliweb, nous ne pouvons pas grand chose pour toi.

image
image
image
Vous aimez les services offerts par UtiliWeb ? 
Signez le livre d'or !
Vous voulez être au courant de nos actualités ?
Suivez nous !
Vous voulez faire un geste pour nous aider ? 
Faites un don !

gdhia
Messages: 2
Merci bien.
mia
Messages: 5


Tu as pu résoudre le problème gdhia ? Si ce n’est pas trop demandé, partages tes exploits. Merci.
 

Aller à:     Haut de page