Pb arrondis des angles.

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

Résolu Pb arrondis des angles.

Message par matheosecu le Lun 4 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:
http://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 thumright

cheers


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

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 le Lun 4 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;}

Matriochka
+ Hyperactif +

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 le Lun 4 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.


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 4 Mar 2013 - 14:59, édité 1 fois

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 le Lun 4 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

Matriochka
+ Hyperactif +

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 le Lun 4 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 4 Mar 2013 - 15:24, édité 1 fois

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 le Lun 4 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;}

Matriochka
+ Hyperactif +

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 le Lun 4 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.


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

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
***

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 le Lun 4 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:


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
***

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


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