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




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

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 le 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.
avatar

Cloo
****

Féminin
Messages : 346
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é le 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.



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).
avatar

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 le 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)
avatar

Cloo
****

Féminin
Messages : 346
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é le 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
avatar

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

Cloo
****

Féminin
Messages : 346
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é le 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.
avatar

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


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