Accueil
Forums
Turoriaux
Inscription
Connexion
Fil RSS
Bienvenue invité !
Samedi 22 Novembre 2008
Vous êtes ici: Crea-paradise.com > Forums > Entraide > xHtml/CSS > [Résolu] Problème tableau > Lecture du sujet

[Résolu] Problème tableau

ça ne m'affiche pas le résultat souhaité


1
Auteur Message
> Posté le : 08/05/2008 22h45
Avatar de slek22


Groupe : Modérateurs
Messages : 560

Voila, je suis entrain de coder un tableau mais ça ne m'affiche pas le résultat souhaité
Je voudrais arriver à ce résultat sans le background en haut :

Et voici mon code actuel :
Code (x)HTML:
<table class="tableau"><tr class="tableau">
<td class="tableau"><center>Montant</center>
</td>
<td class="tableau"><center>Nombre de mensualitées</center>
            </td>
          </tr>
          <tr class="tableau">
            <td class="tableau"><div align="center">
              <select name="montant">
                                    <option value="5000">5 000 </option>
                                    <option value="10000">10 000 </option>
                                    <option value="15000">15 000 </option>
                                    <option value="20000">20 000 </option>
                                    <option value="25000">25 000 </option>
                                    <option value="30000">30 000 </option>
                                    <option value="35000">35 000 </option>
                                    <option value="40000">40 000 </option>
                                    <option value="45000">45 000 </option>
                                    <option value="50000">50 000 </option>
                                    <option value="60000">60 000 </option>
                                    <option value="70000">70 000 </option>
                                    <option value="80000">80 000 </option>
                                    <option value="90000">90 000 </option>
                                    <option value="100000">100 000 </option>
                                    <option value="110000">110 000 </option>
                                    <option value="120000">120 000 </option>
                                    <option value="130000">130 000 </option>
                                    <option value="140000">140 000 </option>
                                    <option value="150000">150 000 </option>
<option value="160000">160 000 </option>
                                    <option value="170000">170 000 </option>
                                    <option value="180000">180 000 </option>
                                    <option value="190000">190 000 </option>
                                    <option value="200000">200 000 </option>
                                </select>
            </div></td>
            <td class="tableau"><div align="center">
              <select name="mensualites">
                <option>1</option>
                <option>2</option>

                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>

                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
              </select>
            </div></td>
          </tr>
        </table>

Code CSS:
.tableau table {
border: medium solid #6495ed;
border-collapse: collapse;
width: 50%;
}
.tableau th {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
.tableau td {
font-family: sans-serif;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
.tableau caption {
font-family: sans-serif;
}

Qui peux m'aider ?
Oneo-studio.com | Conception web, Graphisme et Référencement !
> Posté le : 09/05/2008 02h10
Avatar de crocodile306


Groupe : Membres
Messages : 67

Quand même étrange ton problème étant donné que j'ai copier coller ton script et que ça me donne le résultat que tu attend 

mais sinon, j'ai regarder ton script et il n'y a aucune erreur dedans... Peut être bien ton css qui fait que ça fonctionne mal. Par exemple cette ligne : "width: 50%;" dans ".tableau th" qui me paraît louche...

et si tu fessais un screen pour qu'on voit le bug...

PS:
au lieu de :
Code (x)HTML:

<td class="tableau"><center>Nombre de mensualitées</center></td>

Ceci donne le même résultat :
Code (x)HTML:

<td align="center" class="tableau">Nombre de mensualitées</td>
> Posté le : 09/05/2008 07h19
Avatar de Rom11


Groupe : Membres
Messages : 40

Citation: slek22
Voila, je suis entrain de coder un tableau mais ça ne m'affiche pas le résultat souhaité
Je voudrais arriver à ce résultat sans le background en haut :



background-image:none; ?

Ce message est signé Rom11
patience ... je sait ce que c'est ... mais vous verrez ...
> Posté le : 09/05/2008 13h11
Avatar de Never


Groupe : Membres
Messages : 209

Yop,

Donne nous plus d'info sur ton problème .
Sinon, ici je trouve ça un peu bizarre, tu oublies les ' dans ton background-image :
Code CSS:

background-image: url('sky.jpg');
Never @ Thibault

LuxSound en création .

Administrer son site en deux fichiers PHP.
> Posté le : 09/05/2008 14h53
Avatar de slek22


Groupe : Modérateurs
Messages : 560

Voici un petit screen pour vous montrer à quoi ressemble mon tableau actuellement :
Oneo-studio.com | Conception web, Graphisme et Référencement !
> Posté le : 09/05/2008 15h12
Avatar de crocodile306


Groupe : Membres
Messages : 67

hum... je suis pas certain de bien comprendre ton problème...
puisque ce tableau :

me semble bien être le résultat attendu ???


c'est quoi exactement, tu veux ajouter un autre ligne ?
Ou bien c'est le style ? Tu voudrais avoir le même style exactement ?

met un peu plus de description... ça va être plus simple pour nous de t'aider.
> Posté le : 09/05/2008 15h15
Avatar de slek22


Groupe : Modérateurs
Messages : 560

Non, il me faut les ligne extérieure plus large et surtout, pas d'espace entre les cellules
Oneo-studio.com | Conception web, Graphisme et Référencement !
> Posté le : 09/05/2008 15h33
Avatar de crocodile306


Groupe : Membres
Messages : 67

Code (x)HTML:

<style type="text/css">
.tableau {
border: 4px solid #6495ed;
border-collapse: collapse;
width: 50%;
}
.tableau th {
font-family: monospace;
border: thin solid #6495ed;
width: 50%;
padding: 5px;
background-color: #D0E3FA;
background-image: url(sky.jpg);
}
.tableau td {
font-family: sans-serif;
border: 2px solid #6495ed;
width: 50%;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
.tableau caption {
font-family: sans-serif;
}
</style>

<table class="tableau"><tr>
<td><center>Montant</center>
</td>
<td><center>Nombre de mensualitées</center>
            </td>
          </tr>
          <tr>
            <td><div align="center">
              <select name="montant">
                                    <option value="5000">5 000 </option>
                                    <option value="10000">10 000 </option>
                                    <option value="15000">15 000 </option>
                                    <option value="20000">20 000 </option>
                                    <option value="25000">25 000 </option>
                                    <option value="30000">30 000 </option>
                                    <option value="35000">35 000 </option>
                                    <option value="40000">40 000 </option>
                                    <option value="45000">45 000 </option>
                                    <option value="50000">50 000 </option>
                                    <option value="60000">60 000 </option>
                                    <option value="70000">70 000 </option>
                                    <option value="80000">80 000 </option>
                                    <option value="90000">90 000 </option>
                                    <option value="100000">100 000 </option>
                                    <option value="110000">110 000 </option>
                                    <option value="120000">120 000 </option>
                                    <option value="130000">130 000 </option>
                                    <option value="140000">140 000 </option>
                                    <option value="150000">150 000 </option>
<option value="160000">160 000 </option>
                                    <option value="170000">170 000 </option>
                                    <option value="180000">180 000 </option>
                                    <option value="190000">190 000 </option>
                                    <option value="200000">200 000 </option>
                                </select>
            </div></td>
            <td><div align="center">
              <select name="mensualites">
                <option>1</option>
                <option>2</option>

                <option>3</option>
                <option>4</option>
                <option>5</option>
                <option>6</option>
                <option>7</option>
                <option>8</option>

                <option>9</option>
                <option>10</option>
                <option>11</option>
                <option>12</option>
              </select>
            </div></td>
          </tr>
        </table>


Essai ça...
> Posté le : 09/05/2008 15h39
Avatar de slek22


Groupe : Modérateurs
Messages : 560

Oui mais mettre un CSS dans le HTML ça n'est pas pratique
J'éssaye comme même puis j'édite
Oneo-studio.com | Conception web, Graphisme et Référencement !
> Posté le : 09/05/2008 15h42
Avatar de crocodile306


Groupe : Membres
Messages : 67

c'est juste le "bon" css... pas obliger de le mettre dans le fichier...
> Posté le : 09/05/2008 15h45
Avatar de slek22


Groupe : Modérateurs
Messages : 560

Ok j'éssaye
Oneo-studio.com | Conception web, Graphisme et Référencement !
> Posté le : 09/05/2008 15h49
Avatar de slek22


Groupe : Modérateurs
Messages : 560

merci, ça marche
Oneo-studio.com | Conception web, Graphisme et Référencement !
> Posté le : 09/05/2008 21h07
Avatar de Never


Groupe : Membres
Messages : 209

T'avais oublié le border-collapse: collapse; .
Never @ Thibault

LuxSound en création .

Administrer son site en deux fichiers PHP.
> Posté le : 09/05/2008 22h23
Avatar de crocodile306


Groupe : Membres
Messages : 67

Citation: Never
T'avais oublié le border-collapse: collapse; .


nan... c'est que pour une raison quelconque,
.tableau table { [...] }
ne s'appliquait pas
alors que :
.tableau { [...] }
fonctionne à merveille...

Par contre j'avoue que le border-collapse: collapse; étais à l'intérieur de cette class...
> Posté le : 10/05/2008 21h25
Avatar de Never


Groupe : Membres
Messages : 209

J'ai pas trop compris pourquoi il avait mis le "table" .
Never @ Thibault

LuxSound en création .

Administrer son site en deux fichiers PHP.
> Posté le : 10/05/2008 21h27
Avatar de slek22


Groupe : Modérateurs
Messages : 560

Citation: Never
J'ai pas trop compris pourquoi il avait mis le "table" .

Une erreur d'inattention, on va dire ça comme ça
Oneo-studio.com | Conception web, Graphisme et Référencement !
> Posté le : 10/05/2008 21h28
Avatar de Never


Groupe : Membres
Messages : 209

Pardonné .
Never @ Thibault

LuxSound en création .

Administrer son site en deux fichiers PHP.
1