Pb arrondis des angles.

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Pb arrondis des angles.

Message par matheosecu Lun 04 Mar 2013, 14:31

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:
Pb arrondis des angles. 71983961

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 thumright

cheers


Dernière édition par matheosecu le Lun 04 Mar 2013, 15:22, édité 1 fois
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb arrondis des angles.

Message par Matriochka Lun 04 Mar 2013, 14:47

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;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb arrondis des angles.

Message par matheosecu Lun 04 Mar 2013, 14:56

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.
Pb arrondis des angles. 67582176

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 thumright


Dernière édition par matheosecu le Lun 04 Mar 2013, 14:59, édité 1 fois
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb arrondis des angles.

Message par Matriochka Lun 04 Mar 2013, 14:59

Ah, bien vu Smile 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" Very Happy
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb arrondis des angles.

Message par matheosecu Lun 04 Mar 2013, 15:05

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 Lunette avec un expert à coté qui fait ce qu'il veut Humour

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

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.





Dernière édition par matheosecu le Lun 04 Mar 2013, 15:24, édité 1 fois
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb arrondis des angles.

Message par Matriochka Lun 04 Mar 2013, 15:08

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;}
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb arrondis des angles.

Message par matheosecu Lun 04 Mar 2013, 15:22

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.
Pb arrondis des angles. 34156414

Thx very much for that Wink

Je passe en résolu.

@bientôt et encore bravo. thumright

edit: arrf, sorry, restent des coins qui sont à refaire
Pb arrondis des angles. 20502434
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
Pb arrondis des angles. 36393590
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

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb arrondis des angles.

Message par matheosecu Lun 04 Mar 2013, 16:16

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:
Pb arrondis des angles. 67524604

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 Laughing

@u plaisir.
matheosecu

matheosecu
***

Masculin
Messages : 135
Inscrit(e) le : 12/10/2012

http://guidesecu.lebonforum.com/
matheosecu a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum