Prb liste deroulante php css

Résolu
mariline285 Messages postés 85 Statut Membre -  
mariline285 Messages postés 85 Statut Membre -
Bonjour à tous,
J ai un petit probleme j aimerai mettre une liste déroulante dan mon tableau(le premier) mais sa marche pas.
QUELQU UN PEUT M AIDER SVP????
voici mon code:

<style>
/* Affiche le titre de la description */
.titre
{
position :absolute;
overflow : auto;
width:100%;
top: 65%;
height:5%;
background-color:#33CCFF;
}

/* Affiche la description du ticket*/
.description
{
position :fixed;
overflow : auto;
width:100%;
top: 70%;
height:25%;
background-color:#33CCFF;
}

.enteteListe {
position : absolute;
width:100%;
top:20%;
/*background-color : blue;*/
}
.contenuListe {
position : absolute;
width:100%;
top:20%;
height : 40%;
overflow : auto;
float : center;
}
.listeMesTickets {
width : 100%;
}
.listeMesTickets th {
background-color : blue;
color : white;
}
.listeMesTickets a {
color : white;
text-decoration : none;
}
</style>

<?php

$html = "<table class=\"listeMesTickets\">";
$html .= "<div class=\"enteteListe\">";
$html .= "<tr><th><a href=\"#\">NOM</a></th><th><a href=\"#\">PRENOM</a></th></tr>";
$html .= "</div>";

$html .= "<input type=\"hidden\" name=\"oldId\" id=\"oldId\" value=\"null\">";
$html .= "<div class=\"contenuListe\">";

$html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­>";
$html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­>";
$html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­>";
$html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­>";
$html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­>";
$html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­>";
$html .= "</div>";
$html .= "</table>";
echo $html;

// Affiche la titre Description du Ticket
$html ="<div align=center class=\"titre\">";
$html .="<TABLE><tr><th><font color=\"black\">DESCRIPTION DU TICKET : </font></th></tr></table></div>";
echo $html;

// Affiche la description selon la ligne selectionnée
$html ="<div class=\"description\">";
$html .="<TABLE><tr><td id=\"description\"></td></tr>";
$html .="</table></div>";
echo $html;
?>
Configuration: Windows XP
Firefox 2.0.0.14

3 réponses

  1. clem285 Messages postés 290 Statut Membre 83
     
    une liste déroulant s'écrit comme ceci :

    <SELECT size=1 NAME="lenom">
    <OPTION VALUE="valeur de l'option 1">option1</option>
    <OPTION VALUE="valeur de l'option2"> option 2</option>
    </SELECT>
    0
    1. mariline285 Messages postés 85 Statut Membre
       
      Désolé j ai du mal exprimé.En faite j ai voulu creer une page avec 3 tableau et j ai pas envie que les tableaux se touche. Donc j ai voulu creer un curseur dan le premier tableau via un curseur (overflow:auto dans une feuille de style)....mais sa ya pas de curseur et en plus si j ai une tres grande liste ellle apparait sous mon 2eme tableau. je comprends pas pourquoi....
      VOUS POUVEZ M AIDER SVPPPP
      MERCI
      0
  2. clem285 Messages postés 290 Statut Membre 83
     
    pour le problème 2 je pense que sa vient de là :

    $html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­­>";
    $html .= "</div>";
    $html .= "</table>";
    echo $html; 


    met plutot :

    $html .= "<tr class=\"tr_Normal\"><td>TOTO</td><td>TOTO</td></tr­­>";
    $html .= "</table>";
    $html .= "</div>";
    echo $html; 


    pour l'autre essai de jouer avec les float et essai en enlevant les positions
    0
    1. mariline285 Messages postés 85 Statut Membre
       
      j ai essayé mais sa marche toujours pas
      0
  3. macgawel Messages postés 676 Statut Membre 89
     
    Bonjour.

    Premier point : Ne jamais mettre de DIV dans un TABLEau !
    Ici, tu dis "je mets un bloc TABLEau, à l'intérieur duquel je mets un bloc DIVers. Et à l'intérieur de ce bloc DIVers, je mets des lignes de tableau TR." C'est incohérent...

    Deuxième point : A quoi sert ton <input> ?
    Surtout que normalement, il devrait être dans un FORMulaire...

    Troisième point : Que veux tu dire, quand tu parles de curseur ?

    Quatrième point : Si je comprends bien, tu veux avoir, si besoin, un scroll dans ton tableau "PRENOM-NOM" pour ne pas empièter sur ton tableau DESCRIPTION DU TICKET ?
    => Structure du html (je te laisse le soin de faire le php ;-)
    <div class="contenuListe">
    <table class="listeMesTickets">
    <th>...</th>
    <tr>...</tr>
    ...
    </table>
    </div>

    Tu définis un bloc DIV avec une hauteur fixée, et un scroll si besoin (overflow:auto).
    A l'intérieur, tu mets un tableau. Si la taille du tableau est supérieure à celle du DIV, tu auras le scroll.

    Problème : l'en-tête du tableau est victime du scroll... Solution : je n'en ai pas d'élégante, mais en bidouillant :
    <table class="entete">
    <th>...</th>
    </table>
    <div class="contenuListe">
    <table class="contenu">
    <tr>...</tr>
    ...
    </table>
    </div>


    Sinon, vas voir ICI, ça a l'air de correspondre à ce que tu veux...
    0
    1. mariline285 Messages postés 85 Statut Membre
       
      Merci pour ton aide.
      Mon problème est résolut c'était a cause des div a l intérieur du tableau. Je les ai mis a l extérieur de la table et maintenant ça marche.
      0