Pb arrondis des angles.

[matheosecu]

Bonjour à tous

je viens de rechercher comment arrondir les angles de mon fofo.

J'ai donc cherché sur le forum et trouvé ce sujet:
https://forum.forumactif.com/t344445-probleme-coins-arrondis?highlight=bord+arrondis

je viens donc d'ajouter ce CSS:

Code:


        .forumline
        {
        -moz-border-radius: 10px;
        border-radius: 10px;
        }
       
        .row1, .row2, .row3, .row3Right
        {
        -moz-border-radius: 5px;
        border-radius: 5px;
        }


le résultat me plait, mais j'ai un rectangle gris qui ne s'est pas arrondi.
Voici le screen du souci, on est sur la page d'accueil:

Comment faire pour que ce cadre gris par-dessus s'arrondisse également?

Merci de votre aide efficace @ tous.

Ce n'est pas le première fois ces temps-ci que vous me sortez de la mouïse

[Matriochka]

Bonjour,

Il faut ajouter cette ligne dans ton CSS, en plus de celles que tu as trouvées là :

Code:

th {-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;}

[matheosecu]

Yop

je viens de faire la manip, c'est quasiment parfait.

Cela a marché sur les cadres du haut, mais pas sur celui de "qui est en ligne", ni sur celui de la chatbox.
Une image pour illustrer.


On voit en bas que le rectangle n'a pas été arrondi.

PS: cela doit être un plaisir de modifier l'allure comme on veut, sympa

[Matriochka]

Ah, bien vu Ajoute ceci en plus :

Code:

td.catHead {-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;}

PS: cela doit être un plaisir de modifier l'allure comme on veut, sympa

Bien sûr que ça l’est! C’est pour ça qu’il faut faire de son mieux pour apprendre petit à petit les "ficèles du métier"

[matheosecu]

Excuses-moi, j'ai édité mon message, celui de la chatbox est également à modifier.
Le rectangle gris touche presque le bord noir, et cela atténue le noir donc.
On devriendrait moitié pointilleux avec un expert à coté qui fait ce qu'il veut

je sens que td.catHead est le truc à modifier, mais par quoi?

Ouaip, en effet, c'est un métier de maitriser un langage de prog...
Je suis bien loin de ce niveau, cela est sûr.

Merci pour tout en tous les cas.

[Matriochka]

En effet, c’est bien le td.catHead qu’il faut modifier. On garde la base avec les border-radius, puisqu’on veut appliquer les mêmes effets, mais on modifie l’identifiant de l’élément car on change d’élément.

Donc, pour la chatbox, on utilise ceci à la place de td.catHead :

Code:

#chatbox_header td

Ce qui nous donne au final :

Code:

#chatbox_header td {-webkit-border-radius:10px 10px 0 0;
-moz-border-radius:10px 10px 0 0;
border-radius:10px 10px 0 0;}

[matheosecu]

Trop facile j'ai envie de dire...

Même pas la peine de donner le résultat, c'est évidemment parfait.

Bravo et merci beaucoup pour cela, c'est class !

Voici ce que donne les trois coins désormais.


Thx very much for that

Je passe en résolu.

@bientôt et encore bravo.

edit: arrf, sorry, restent des coins qui sont à refaire

on est sur la page d'accueil du blog inséré dans le forum.
les hauts ont été arrondis, pas les bas... je regarde si y'en a d'autres...
idem sur les forums, ce sont les bannières en bas cette fois-ci

je vais regarder le script du haut... peut-être que je peux piper quelque chose...

doit falloir ajouter cet effet pour td.catBottom au pif...
mais cette fois-ci l'arrondi n'est plus dans le même sens...
dois falloir modifier les valeurs aussi...
peut-être cela: 0 0 10px 10px

je vais essayer, on verra bien...

[matheosecu]

Le feeling était le bon donc.

Voici le CSS ajouté:

Code:


 td.catBottom{-webkit-border-radius:0 0 10px 10px;
        -moz-border-radius:0 0 10px 10px;
        border-radius:0 0 10px 10px;}


et voici ce que cela donne:


Parfait.

Merci beaucoup Matriochka, ton aide a été d'une rapidité et d'une efficacité exemplaire.
Très pédago, pour preuve, ma modif alone

@u plaisir.