Arrondir la colonne titre catégorie

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

Résolu Arrondir la colonne titre catégorie

Message par Invité Dim 25 Déc 2016 - 9:54

Bonjour, après avoir essayé différents codes, je n'ai pas trouvé celui qui arrondit uniquement le haut et de chaque côté, la colonne catégorie, ou se situe le titre, merci de bien vouloir m'aider. Cordialement

Arrondir la colonne titre catégorie Sans_t14


Dernière édition par misslena le Dim 25 Déc 2016 - 15:46, édité 1 fois
Anonymous

Invité
Invité


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

Résolu Re: Arrondir la colonne titre catégorie

Message par Cloo Dim 25 Déc 2016 - 14:14

Bonjour,

Peut-être ceci?

.forabg{
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

Je viens de faire un essai sur le mien en exagérant les valeurs, car j'ai déjà les coins arrondis, il semblerait que ça fonctionne.
Cloo

Cloo
*****

Féminin
Messages : 971
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.com/
Cloo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir la colonne titre catégorie

Message par Invité Dim 25 Déc 2016 - 14:55

Bonjour cloo, merci pour votre code, mais celui-ci a arrondi le fond de la catégorie, mais pas le fond entête catégorie, où sont notés les titres.

Arrondir la colonne titre catégorie Sans_t15

Je précise que dans l'entête des titres j'ai du inséré une image (couleur noire), bizarrement, quand j'essaye de passer par le PA/Affichage/couleur , fond entête catégorie, la couleur n'est pas pris en compte? (même en ayant au préalable enlevé l'image des titres).
Anonymous

Invité
Invité


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

Résolu Re: Arrondir la colonne titre catégorie

Message par Cloo Dim 25 Déc 2016 - 15:06

OK, je ne voyais pas la différence, car pour moi, c'est la même couleur. J'ai fait un essai dans Firebug en forçant ce fond en rouge avec ceci:

ul.topiclist li.header dl dd {
background-color: red;
border-radius: 30px;
}

Après, si tu veux uniquement les coins gauche de la 1ère colonne et droit de la dernière, tu peux peut-être utiliser ce que mon fiston m'avait conseille dans ce post-ci pour arrondir les angles, en utilisant first-child et last-child.

table.table1 tbody td:first-child {
border-bottom-left-radius: 7px;
border-top-left-radius: 7px;
border-left-width: 0px;
}

table.table1 tbody td:last-child {
border-bottom-right-radius: 7px;
border-top-right-radius: 7px;
border-right-width: 0px;
}

(À adapter pour ton cas, pour l'en-tête des catégories)


(Par contre, pas sûre que ça fonctionne avec ton image noire)
Cloo

Cloo
*****

Féminin
Messages : 971
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.com/
Cloo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir la colonne titre catégorie

Message par Invité Dim 25 Déc 2016 - 15:20

Oup's! cloo, cela ne fonctionne pas du tout, ça a fait "buguer" ma page et le lien du tuto, je l'avais vu, franchement, on a du mal à s'y retrouver dans les "plusieurs demandes". Je vous remercie quand même de votre attention (par défaut, je garde votre 1er code donné) je vais patienter si un autre membre à une solution. Cordialement
Anonymous

Invité
Invité


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

Résolu Re: Arrondir la colonne titre catégorie

Message par Cloo Dim 25 Déc 2016 - 15:38

Je viens de faire un essai... ceci fonctionne chez moi, mais je n,ai pas d,image comme toi:

ul.topiclist li.header {
background-color: red;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
Cloo

Cloo
*****

Féminin
Messages : 971
Inscrit(e) le : 09/07/2008

http://accrosjardin.forumactif.com/
Cloo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Arrondir la colonne titre catégorie

Message par Invité Dim 25 Déc 2016 - 15:45

Ahhh! Yes! cheers J'ai combiné les deux codes le 1er donné et le dernier, ainsi, j'ai le fond arrondi+la cellule titre catégorie arrondie, l'ensemble s'adapte. Merci beaucoup cloo, je mets en résolu.
Anonymous

Invité
Invité


Invité 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