Je fais appel à votre savoir avant de réellement m'arracher les cheveux !!
Mon problème est simple à priori : j'ai une image rectangulaire 200 x 150 et je souhaite qu'elle s'affiche dans un rond et non sous sa forme originale rectangulaire. (J'espère me faire comprendre). A savoir que sur une ligne, il y aura 4 photos donc 4 cercles d'où la présence d'un <ul> (mais je n'ai pas mis le code en entier, ce serait trop long et inutile je pense)
C'est à l'image elle-même que tu dois donner le border-radius. Ou alors, donne-lui border-radius: inherit, afin qu'elle hérite de la courbure de son parent.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Faisons un essai : fais une copie de sauvegarde de tes fichiers ; puis enlève carrément la div qui entoure chaque image, et reporte ses classes sur l'image en question. Là, on devrait avoir une image sur laquelle un border-radius est directement appliqué. Fais ça et dis-moi ce que ça donne, ok ? (et enlève toutes les versions préfixées de border-radius : -moz, -webkit, -khtml)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Il est impossible de rendre une image de base rectangulaire en image circulaire (une image ronde), il faudrait une image carré pour ensuite en faire une image ronde. Si j'ai bien compris, tu veux mettre une image dans un rond donc avoir un rond avec ton image à l'intérieur. C'est ça ?
J'ai une proposition de solution, dit moi si c'est cela que tu recherches
J'ai essayé plein de manières, en supprimant toutes les div (zoom, center, circle...), rajoutant les classes direct dans img... le résultat est le même. Mon image garde la même forme et je n'ai pas précisé qu'elle a quand même la bordure blanche voulue mais pas la forme.
Ce qui m'agace le plus, c'est que nous avons utilisé un code identique pour un autre projet de site et aucun problème rencontré !
Tu ne peux pas rendre une image rectangulaire, ça découle d'une logique. Un rectangle a une longueur et largeur différente, or un rond à un rayon toujours pareil, et dans ce cas une image carrée peut devenir rond car un carrée a 4 cotés identiques !
Du coup, il faut triché un peu, en cachant une partie de ton image, grâce au overflow:hidden;
Sur ton image tu as écrit class="circle-border" class="zoom-in" class="img-responsive" : ce n'est pas comme ça qu'on applique plusieurs classes. Tu l'as fait correctement plus haut, pourtant
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Rien ne change... je pense que cette fois-ci ca vient de moi, j'ai passé la journée à chercher une solution et je commence à saturer donc je bacle les choses. Je vais essayer avec ta méthode demain, je serais moins tendu
Dans tous les cas, merci beaucoup pour le temps que vous avez pris pour m'aider =)
Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.
Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre. En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.
Au lieu de déterrer un sujet il est préférable :
soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
soit de créer un nouveau sujet décrivant votre propre contexte
ne pas répondre à un déterrage et le signaler à la modération
Je ferme ce sujet. En cas de désaccord, me contacter par MP.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)