Soucis (border-radius des catégories)! Bouton_activeSoucis (border-radius des catégories)! Bouton_hoverSoucis (border-radius des catégories)! Fb-hoverSoucis (border-radius des catégories)! Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Soucis (border-radius des catégories)! EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Soucis (border-radius des catégories)! EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Soucis (border-radius des catégories)! EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Soucis (border-radius des catégories)! EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Soucis (border-radius des catégories)! EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Soucis (border-radius des catégories)! EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Soucis (border-radius des catégories)! EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Soucis (border-radius des catégories)! EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

Partagez
 

Soucis (border-radius des catégories)!

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://...
AlexeB
AlexeB
{ Membre }
{ Membre }

Masculin Messages : 47



Soucis (border-radius des catégories)! Empty
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
MessageSujet: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 04:56
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis (border-radius des catégories)! Empty
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 Wink

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
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 06:43
Revenir en haut Aller en bas
http://...
AlexeB
AlexeB
{ Membre }
{ Membre }

Masculin Messages : 47



Soucis (border-radius des catégories)! Empty
J'essaie ça dès maintenant!
Merci de ton aide! Smile

EDIT: ça n'a rien changé, je suis toujours coincée avec le même problème :\
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 14:54
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis (border-radius des catégories)! Empty
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
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 15:08
Revenir en haut Aller en bas
http://...
AlexeB
AlexeB
{ Membre }
{ Membre }

Masculin Messages : 47



Soucis (border-radius des catégories)! Empty
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 -.- Soucis (border-radius des catégories)! 3517359236 
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 17:30
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis (border-radius des catégories)! Empty
Dans ton css, à un moment pour .forumline, tu as mis un padding, il faut tout simplement l'enlever... Wink (tout en laissant l'overflow : hidden)
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 17:52
Revenir en haut Aller en bas
http://...
AlexeB
AlexeB
{ Membre }
{ Membre }

Masculin Messages : 47



Soucis (border-radius des catégories)! Empty
C'est ce que je viens de faire, mais aucuns changements.
Voici mon code CSS pour le forumline:
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 18:01
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis (border-radius des catégories)! Empty
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
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 18:21
Revenir en haut Aller en bas
http://...
AlexeB
AlexeB
{ Membre }
{ Membre }

Masculin Messages : 47



Soucis (border-radius des catégories)! Empty
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...
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 19:12
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis (border-radius des catégories)! Empty
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 Wink

Enfin bon, ça ce sont les joies des compatibilités entre navigateurs... Sad


Dernière édition par Nihil le Lun 15 Juil 2013, 19:44, édité 3 fois
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 19:15
Revenir en haut Aller en bas
http://...
AlexeB
AlexeB
{ Membre }
{ Membre }

Masculin Messages : 47



Soucis (border-radius des catégories)! Empty
je vais installer la nouvelle version Bêta, voir si ça arrange le problème, merci!
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 19:27
Revenir en haut Aller en bas
Nihil
Nihil
{ Modérateur }
{ Modérateur }

Messages : 1216



Soucis (border-radius des catégories)! Empty
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 Wink
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyLun 15 Juil 2013, 19:41
Revenir en haut Aller en bas
http://...
AlexeB
AlexeB
{ Membre }
{ Membre }

Masculin Messages : 47



Soucis (border-radius des catégories)! Empty
Ta solution a aussi fonctionné I love you
Merci énormément pour ton aide!
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! EmptyMer 17 Juil 2013, 19:29
Revenir en haut Aller en bas
Contenu sponsorisé




Soucis (border-radius des catégories)! Empty
MessageSujet: Re: Soucis (border-radius des catégories)!   Soucis (border-radius des catégories)! Empty
Revenir en haut Aller en bas
 

Soucis (border-radius des catégories)!

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Lignes de couleur entre le border et l'image.
» Effet box-shadow & border-radius sur un avatar
» Soucis graphique/tpl de catégories et de bas de page
» soucis d'en-tête de catégories (forum) [résolu]
» Soucis avec les Catégories Retractable (template)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit