| Soucis (border-radius des catégories)! | |
|
AlexeB
{ Membre }
Messages : 47
| Bonjour à tous, tout d'abord je vous remercie d'avance d'avoir cliqué sur ce sujet. J'ai essayée de me débrouiller par moi-même, mais comme j'utilise plus le HTML/CSS en évitant de bidouiller les templates (ouais bon, parce que ça fini toujours en catastrophe!), je ne suis pas arrivée au résultat désiré. LIEN DU FORUM (test): http://itestmylife.forum-actif.net/ EXPLICATION DU PROBLÈME: Alors voilà, c'est plutôt un soucis esthétique plus qu'autre chose. Ce qui me gêne, c'est que le bodyline de mon forum a comme code border-radius: 25px comme vous pourrez le remarquer. Mon problème est très simple du point de vue visuel, mais pour ce qui est du codage alors là... je ne sais pas et j'en suis franchement désolée! Je voudrais enlever ces p****** de bordures carrées qui gâchent tout l'aspect visuel des catégorie. Bon, d'accord, présentement il est 3h30am chez moi et je vous pardonne si jamais vous ne comprenez pas. C'est pourquoi je vais faire un print screen pour que vous puissiez mieux comprendre. (le print screen se trouve à la fin de ce message) LES CODES AFFECTÉS: Alors là... J'en ai aucune idée... PRÉCISIONS SUPPLÉMENTAIRES: En bref, je veux seulement enlever l'angle carré fait automatiquement par forumactif pour les catégories de forums. Voici un support visuel: - Spoiler:
J'espère que c'est plus simple ainsi! Merci énormément de votre aide! |
Dernière édition par AlexeB le Mer 17 Juil 2013, 19:31, édité 1 fois | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Je pense que ce je ferai c'est rajouter un overflow : hidden pour .forumline. Le principe du overflow: hidden, c'est de cacher tout ce qui dépasse - Code:
-
.forumline { overflow: hiden; }
Edit : Au 16 / 07 / 2013, /!\ cette solution n'est viable que sur Chrome ! Les autres navigateurs ne le gèrent pas de la même manière ! |
Dernière édition par Nihil le Lun 15 Juil 2013, 19:45, édité 1 fois | |
|
| |
AlexeB
{ Membre }
Messages : 47
| J'essaie ça dès maintenant! Merci de ton aide! EDIT: ça n'a rien changé, je suis toujours coincée avec le même problème :\ | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Tu as rajouté un padding depuis ce matin sur .forumline, non ? En effet ce matin il y n'y avait pas le padding: 5px;
Si j'enlève le padding, voici ce que cela me donne : https://i.imgur.com/pIS6Auf.png |
Dernière édition par Nihil le Lun 15 Juil 2013, 18:24, édité 1 fois | |
|
| |
AlexeB
{ Membre }
Messages : 47
| Pourrais-tu m'envoyer directement le code que tu as mis pour le forumline? Parce que j'ai essayé de toutes les façons possibles et puis ça ne marche pas -.- | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Dans ton css, à un moment pour .forumline, tu as mis un padding, il faut tout simplement l'enlever... (tout en laissant l'overflow : hidden) | | |
|
| |
AlexeB
{ Membre }
Messages : 47
| C'est ce que je viens de faire, mais aucuns changements. Voici mon code CSS pour le forumline:
| | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Quand on consulte ton forum, voici ce que l'on voit pour les catégories : https://i.imgur.com/nBhGEoK.png Ce n'était pas l'effet désiré ? Je ne comprends pas | | |
|
| |
AlexeB
{ Membre }
Messages : 47
| Bah moi non plus je ne comprends puisque sur le mien, les angles sont carrés O.O Pourtant, j'ai firefox avec la version la plus récente... C'est étrange... | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Si tu lances avec un autre navigateur (Chrome par exemple), c'est bon ? Si oui ----> vide le caches de ton Firefox, c'est ça le problème Si non ----> euh bah je comprends pas, je viens de tester sur un autre ordi ça marche bien aussi. Edit : je viens d'essayer sur un troisième ordi, pour lui sur Chrome c'est OK mais pas sur Firefox O0. Ok, mon Firefox a la toute dernière version bêta de Firefox, et non pas la toute dernière version officielle, c'est pour ça que je peux voir le même affichage que sur Chrome... Et pour la dernière version "officielle" de Firefox, le comportement n'est pas le même que pour Chrome... Voilà pourquoi on ne se comprenait pas Enfin bon, ça ce sont les joies des compatibilités entre navigateurs... |
Dernière édition par Nihil le Lun 15 Juil 2013, 19:44, édité 3 fois | |
|
| |
AlexeB
{ Membre }
Messages : 47
| je vais installer la nouvelle version Bêta, voir si ça arrange le problème, merci! | | |
|
| |
Nihil
{ Modérateur }
Messages : 1216
| Ce n'est pas vraiment une solution, car le problème perdurera si le navigateur Firefox n'est pas en bêta... Test la solution donnée ici : http://www.css-actif.com/t8511-soucis-arrondis-du-forum | | |
|
| |
AlexeB
{ Membre }
Messages : 47
| Ta solution a aussi fonctionné Merci énormément pour ton aide! | | |
|
| |
Contenu sponsorisé
| |
| |
| Soucis (border-radius des catégories)! | |
|