IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Tableau et style : problème de bordure


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Inscrit en
    Avril 2008
    Messages
    38
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 38
    Par défaut Tableau et style : problème de bordure
    Bonjour,
    Voila j'ai un problème qui m'embête un peu sur mon html ^^.
    J'aimerai avoir un tableau comme ceci :



    Mais avec mon code html, je n'obtiens que ceci :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    <table  CELLSPACING=0 style="border:1px solid black; border-collapse: separate" >
    <tr>
    	<td style="border:1px solid black; border-collapse: separate">DESIGNATION ARTICLE</td>
    	<td style="border:1px solid black; border-collapse: separate">REFERENCE</td>
    	<td style="border:1px solid black; border-collapse: separate">CODE COLORI</td>
    	<td style="border:1px solid black; border-collapse: separate">TAILLE</td>
    	<td style="border:1px solid black; border-collapse: separate">QUANTITÉ</td>
    	<td style="border:1px solid black; border-collapse: separate">PRIX TTC</td>
    </tr>
    <tr>
    	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
    	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
    	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
    	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
    	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
    	<td style="border:1px solid black; border-collapse: separate"><input type="text" id="VENTE_DISTANCE_FR_IN9" name="VENTE_DISTANCE_FR_IN9" /></td>
    </tr>
    </table>

    Mais j'obtiens ceci :



    Merci de votre aide. Pour information, je ne fais pas faire de fichier css.

  2. #2
    Membre éclairé

    Femme Profil pro
    Experte JS / Conseillère en best practices / Chercheuse en programmation
    Inscrit en
    Octobre 2007
    Messages
    741
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 45
    Localisation : Belgique

    Informations professionnelles :
    Activité : Experte JS / Conseillère en best practices / Chercheuse en programmation
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Octobre 2007
    Messages : 741
    Par défaut
    Euh, que n'arrives-tu pas à faire?

    Fusionner les cellules? si oui, ajoute simplement l'attribut colspan=X

    X=le nombre de cellules à fusionner...


    PS:T'es pas obligé de faire un fichier css, tu peux simplement mettre ta css dans des balises de style, ta page en sera plus légère et c'est plus valide

  3. #3
    Membre actif
    Inscrit en
    Avril 2008
    Messages
    38
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 38
    Par défaut
    Ce que je n'arrive pas à faire, oui j'ai pas été très explicite, c'est que lorsque mes cellules fusionnent, le trais deviens trop gros ou épais, alors que je voudrais simplement un trais fin de 1px.

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Il faut utiliser collapse au lieu de separate

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <table  cellspacing"=0" style="border:1px solid black; border-collapse: collapse">

    Citation Envoyé par Wapper Voir le message
    PS:T'es pas obligé de faire un fichier css, tu peux simplement mettre ta css dans des balises de style, ta page en sera plus légère et c'est plus valide
    Je pense plutôt que tu voulais dire "ne pas utiliser l'attribut style que dans des cas exceptionnels" ?

    Parce que mettre le css dans les balises style n'est pas plus léger et plus valide que d'utiliser un fichier css externe...

  5. #5
    Membre actif
    Inscrit en
    Avril 2008
    Messages
    38
    Détails du profil
    Informations forums :
    Inscription : Avril 2008
    Messages : 38
    Par défaut
    Merci, je ne vois pas pourquoi je n'y ai pas pensé.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème de bordure de tableau sous IE
    Par rigolman dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 13/06/2008, 17h49
  2. Problème de Bordure en CSS, avec I.E
    Par Stitchover dans le forum Mise en page CSS
    Réponses: 13
    Dernier message: 25/04/2006, 16h17
  3. Un problème de bordure dans un tableau
    Par Nerva dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 21/03/2006, 13h58
  4. FireFox problème de bordure
    Par Royd938 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 03/02/2006, 10h45
  5. Réponses: 21
    Dernier message: 21/11/2005, 09h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo