Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Coins arrondis dans un tableau

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

Résolu Coins arrondis dans un tableau

Message par jujuanimaux le Dim 3 Juil 2011 - 16:27

Salut à tous !

Alors voilà, j'ai essayé le code pour mettre des coins arrondis dans un tableau ( ici > https://forum.forumactif.com/t224148-coins-arrondis-dans-un-tableau ) mais ça ne fonctionne pas... J'ai suivis le tutoriel à la lettre, et voyez par vous-même le résultat : http://resident-evil.keuf.net/
Il n'y a aucun coin arrondi, en fait, il n'y a pas de coins du tout...
Le code en question >
Code:
















[table style="font-family: georgia;" cellpadding="0" cellspacing="0"][tr height="4px"][td width="6px" background="http://illiweb.com/fa/pbucket.gif"][/td][td width="10px" background="http://illiweb.com/fa/pbucket.gif"][/td][td width="6px" background="http://illiweb.com/fa/pbucket.gif"][/td][/tr][tr][td background="http://illiweb.com/fa/pbucket.gif"][/td][td background="http://illiweb.com/fa/pbucket.gif"]Votre Texte[/td][td background="http://illiweb.com/fa/pbucket.gif"][/td][/tr][tr height="4px"][td background="http://illiweb.com/fa/pbucket.gif"][/td][td background="http://illiweb.com/fa/pbucket.gif"][/td][td background="http://illiweb.com/fa/pbucket.gif"][/td][/tr][/table]

Merci d'avance pour votre aide.


Dernière édition par jujuanimaux le Dim 3 Juil 2011 - 17:44, édité 1 fois
avatar

jujuanimaux
Membre habitué(e)

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coins arrondis dans un tableau

Message par Ea le Dim 3 Juil 2011 - 17:09

Bonjour,


La note "Pour l'image de remplissage, un gif de 1/1pixel à la couleur souhaitée suffit." concerne juste les trucs où il est mis "Image de remplissage".

Pour le reste il faut des images de rond supérieur gauche etcétéra ( du style ceci ou autre chose suivant le fond l'intérieur et la sorte de bord que vous souhaitez ^^ ).

Mais de nos jours habituellement on utilise juste une propriété CSS pour faire un bord arrondi et on ne s'encombre pas d'image.

Vous voulez juste un bord blanc arrondi ?

Cordialement.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

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

Résolu Re: Coins arrondis dans un tableau

Message par jujuanimaux le Dim 3 Juil 2011 - 17:15

Bonjour,

Merci d'avoir répondu si vite ^^ En effet, j'ai dû mal comprendre.
Oui, ce que je veux, c'est un simple bord blanc arrondi. Vous savez comment le faire avec du CSS ?
avatar

jujuanimaux
Membre habitué(e)

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Coins arrondis dans un tableau

Message par Ea le Dim 3 Juil 2011 - 17:27

Si vous voulez 20 pixels d'arrondis vous pouvez mettre :

Code:
<div style="-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 5px solid #FFF;">Contenu</div>
Les -webkit-border-radius et -moz-border-radius en plus de border-radius servent juste à faire fonctionner le bords arrondis sur de vieilles versions de navigateur également.

Vous pouvez changer le 20 qui modifiera le "rayon" de l'arrondi, le 5 est la "grosseur" du bord le #FFF la couleur ^^

Pour plus d'info sur les propriétés et les valeurs possibles :

- http://www.google.fr/search?q=border%20radius%20css
- http://www.google.fr/search?q=border%20css

Sinon vous pouvez très bien mettre :

Code:
<div class="testarr"></div>
Et puis mettre dans le CSS personnalisé ( PA > Affichage > Couleurs > Feuille de style ) :

Code:
.testarr {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   border: 5px solid #FFF;
}
Pour finir pour ce cas d'autres propriétés intéressantes seraient par exemple :


Cordialement.
avatar

Ea
Aidactif
Aidactif

Messages : 23491
Inscrit(e) le : 04/04/2008

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

Résolu Re: Coins arrondis dans un tableau

Message par jujuanimaux le Dim 3 Juil 2011 - 17:44

Merci ! Ça fonctionne maintenant ^^
Et merci pour ces liens, ça me sera sûrement utile =)
Problème résolu.
avatar

jujuanimaux
Membre habitué(e)

Féminin
Messages : 1586
Inscrit(e) le : 14/06/2006

http://ptiteplume.1fr1.net
jujuanimaux 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