Fermer la barre d'outils
Voir plus d'options
Voir moins d'options
les-forums.com : vous avez la parole
En moins de 5 minutes,
créez votre forum gratuitement
forum officiel aide/faq
support technique
Accueil Séparateur Présentation Séparateur Créez ! Séparateur Annuaire
Bienvenue sur le forum officiel de les-forums.com.
L'apprentissage des bases du HTML requises pour la personnalisation des forums concerne le sous-forum Programmation, tandis que les gros problèmes techniques sont à adresser au Support. La FAQ vous sera également très utile.
De plus, une lecture du bref règlement du forum pourra éviter bien des tracas.
Nous vous écoutons, soyez polis, patients et précis dans vos questions.
Testez le nouveau chat sur les-forums.com, en beta-test (s'ouvrira dans une nouvelle fenêtre ou onglet)

les-forums.com - Forum officiel
Programmation (163 topics, 2371 messages)
Topic "[CSS] Quelques questions sur le CSS" (Messages 1 à 7 sur 7) Fil RSS des messages de ce topic
Dernier message par Fab_Le_Vagabond, le 27/10 à 20:01:53
Anonyme :
  • S'inscrire
  • S'identifier
Outils :
  • Recherche
 
Bas de la pageTopics
 
Fab_Le_Vagabond
http://mangavatar.nihon-fr.com/avatars/kenshin/kenshin_12.gif

KitNetiGraph
Prizee.com
Mon SkyBlog
inscrit le 26/06/2004
le 27/10/2004 à 10:20:31
Acces au message [CSS] Quelques questions sur le CSS
Bonjour,
Je suis en train de faire une feuille de style pour un design et j'ai quelques questions.

 -> Comment fait on pour avoir une marge entre une bordure et le texte ?
 -> Pour un tableau, je cherche a remplacer: " cellspacing='0' et cellpadding='0' "
 -> Sur des cellules, je souhaiterai faire apparaitre que les bordure du dessus et du dessous. Comment faire ?

Merci d'avance!
;o)
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
Marre de passer pour un boulet à chaque question que vous posez?
Lisez la FAQ et passez pour un pro!
inscrit le 22/04/2002
le 27/10/2004 à 12:09:59
Acces au message [CSS] Quelques questions sur le CSS
-> la marge intérieure: padding
-> excellente idée: je crois que le remplaçant idéal de cellspacing n'est pas un margin sur les TD, mais plutôt border-spacing, pour cellpadding en revanche il faut faire classique avec la marge intérieure: définition du padding des TD.
-> très simple: utilise les propriétés détaillées des bordures: border-top, border-bottom et ne définit pas les deux autres (border-left et border-right, bien sûr). ATTENTION tu dois définir le style de bordure ET l'épaisseur ET la couleur (je ne crois pas que l'ordre soit différent.

Exemple de code compilant tout ça

<table>
  <tr>
    <td>L1C1</td>
    <td>L1C2</td>
  </tr>
  <tr>
    <td>L2C1</td>
    <td>L2C2</td>
  </tr>
</table>
...
<style>
table, tr, td {
  border-spacing: 0px;
  margin: 0px;
}
table, tr {
  border-width: 0px;
  padding: 0px;
}
td {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 10px;
}
</style>


Ca ça fonctionne en respectant les standards, c.a.d. avec les navigateurs à rendu "Gecko"... pour IE il y a toujours un espace entre les bords des cellules contiguës... _o_

Revenons aux bordures: si tu portes ton attention sur deux lignes consécutives tu te rends compte que la bordure inférieure de celle du haut et la bordure supérieure de celle du bas se juxtaposent au lieu de se superposer, donnant une bordure deux fois plus épaisse (2px dans notre exemple).
Pour remédier à cela il ne faut spécifier qu'une seule bordure supérieure OU inférieure pour chaque cellule, plus une bordure supplémenaire pour toutes les cellules de la première ou de la dernière ligne: soit:

a) les cellules de toutes les lignes ont une bordure en haut, plus une bordure en bas pour les cellules de la dernière ligne
b) les cellules de toutes les lignes ont une bordure en bas, plus une bordure en haut pour les cellules de la première ligne.

CQFD

Message modifié le 27/10 à 12:12:31 par Babaorum.

Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 27/10/2004 à 14:48:07
Acces au message [CSS] Quelques questions sur le CSS
pour le table, rajouter :

border-collapse : collapse;
Voir le profil de l'auteur Editer le message
Babaorum
adjoint
Marre de passer pour un boulet à chaque question que vous posez?
Lisez la FAQ et passez pour un pro!
inscrit le 22/04/2002
le 27/10/2004 à 15:49:02
Acces au message [CSS] Quelques questions sur le CSS
ah mince c vrai je l'oublie tout le temps, merci ;)
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://mangavatar.nihon-fr.com/avatars/kenshin/kenshin_12.gif

KitNetiGraph
Prizee.com
Mon SkyBlog
inscrit le 26/06/2004
le 27/10/2004 à 19:01:43
Acces au message [CSS] Quelques questions sur le CSS
c'est quoi border-collapse ?
je le met jamais!
Voir le profil de l'auteur Editer le message
Twidi
maire
http://p.twidi.com/logo_titi_cage.jpg
Cool la vie ?
Mais... Quand on aura pêché le dernier poisson, abattu le dernier arbre et moissonné la derniere récolte, l'homme se rendra compte que l'argent n'est pas comestible.
inscrit le 18/04/2001
le 27/10/2004 à 19:23:00
Acces au message [CSS] Quelques questions sur le CSS
en suivant les deux premiers lien du premier topic de ce sous forum, on a :

http://www.yoyodesign.org/doc/w3c/css2/tables.html#propdef-border-collapse

et

http://dicolive.media-box.net/docCSS/css.php?orderByType=1&id=106
Voir le profil de l'auteur Editer le message
Fab_Le_Vagabond
http://mangavatar.nihon-fr.com/avatars/kenshin/kenshin_12.gif

KitNetiGraph
Prizee.com
Mon SkyBlog
inscrit le 26/06/2004
le 27/10/2004 à 20:01:53
Acces au message [CSS] Quelques questions sur le CSS
Ok!
Merci d'avoir répndu a mes questions! ;)
Voir le profil de l'auteur Editer le message
 
Haut de la pageTopics
 
Ajout de messages impossible Vous ne pouvez pas ajouter de messages.

Forum gratuit proposé par les-forums.com v 2.6.6 - Un service Twidi.com - Flux RSS du forum

Page générée en 0,066 secondes le 04/07 à 00:48:08.