Discussion :

[DeWaRs]

Bonjour à tous,

Je suis en train de faire un CSS pour un detailsview asp (equivalent d'une table html) et j'ai deux questions que je n'arrive pas à solutionner.
Je voudrais afficher les border des textbox uniquement si elle ne sont pas en read only. Est-ce possible ?

Ma deuxieme question est : j'affiche uniquement les bordures inférieures pour chaque ligne, mais je voudrais ne pas afficher cette bordure inférieure si celle-ci est la derniere ligne de ma table. Comment faire cela ?

Voici le code CSS actuel (raccourci)

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
19
.detailsview
{
    border-left: none;
    border-right: none;
    border-bottom: none;
    color: #0076CB;
 
}
.detailsview td
{
    padding:10px;
    border-bottom: 1px solid #CCC;
}
.detailsview td input
{
    color: #0076CB;
    font-weight: bold;
    border-style: none;
}

Merci d'avance de votre retour.

Cordialement.

DeWaRs

[Bovino]

CSS3 possède la panoplie pour répondre à tes attentes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
input[readonly]{...}
td:last-of-type{...}

Le problème c'est que ce ne sera pas pris en compte par les navigateurs obsolètes (surtout pour :last-of-type).

La solution universelle sera d'utiliser des classes spécifiques pour ces éléments.

[DeWaRs]

Bonjour et merci de ta réponse,

Pour le input input[readonly]{...} cela fonctionne parfaitement

Par contre pour le td:last-of-type, si je fait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.detailsview td:last-of-type
{  
      border-bottom:none;      
}

cela me supprime toute les border de ma derniere colonne. J'ai essayer

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.detailsview tr:last-of-type
{  
      border-bottom:none;      
}

Mais cela ne supprime aucune bordure. Ais-je loupé quelque chose ?

Merci de votre retour.

DeWaRs

[Bovino]

Arf oui effectivement... ce que tu veux, c'est supprimer les bordures de tous les td du dernier tr, ce qui s'écrit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

tr:last-of-type td{...}

[DeWaRs]

Exactement ca !! Merci beaucoup !

Cordialement

DeWaRs