[Html] [URGENT] Mise en place d'un tab dans un tab

Mise en place d'un tab dans un tab [Html] [URGENT] - HTML/CSS - Programmation

Marsh Posté le 02-12-2002 à 10:42:14    

SAlut à tous,
voila mon soucis:
J'ai un tab avec plusieurs lignes et plusieurs colonnes.
J'ai funsionner une grande partie de colonnes et lignes pour afficher un autre tab de résultat dynamique. J'ai gardé sur le coté mes lignes et deux colonnes pour afficher mon menu. Le seul soucis que j'ai c'est que lorsque que le tab de resultats dynamique a une hauteur bien grande cela me redimensionne la hauteur de ligne des colonnes avosinnante et ca me decale tous. Et la ca m'ennui!!!!!!  
J'ai essaye de mettre une hauteur à toutes ces lignes mais rien de bon.
Est-ce que qq aurai une solution?
Merci

Reply

Marsh Posté le 02-12-2002 à 10:42:14   

Reply

Marsh Posté le 02-12-2002 à 11:29:05    

Parle Français et donne un exemple de code, parce-que là, à part toi, je me demande si quelqu'un à compris (et encore ;-))


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 02-12-2002 à 11:34:13    

Reply

Marsh Posté le 02-12-2002 à 12:00:30    

Voici le code:
 
<table width="720" height="677" border="0" cellpadding="0" cellspacing="0" background="">
        <!--DWLayoutTable-->
        <tr>  
          <td colspan="4"><div align="right"><img src="../tronc%20commun/images/Auvergne%20presentation.gif" width="100" height="124" border="0" usemap="#Map">  
              <map name="Map">
                <area shape="poly" coords="23,75,18,80,12,86,10,93,10,101,11,110,14,109,18,109,28,96,34,98,37,104,40,97,46,94,45,89,38,80" href="../cantal/index.htm" alt="Département du Cantal">
                <area shape="poly" coords="45,79,53,77,64,79,74,79,80,78,85,84,81,91,75,97,69,103,62,99,55,100,51,91" href="../hte%20loire/index.htm" alt="Département de la Haute-Loire">
                <area shape="poly" coords="26,41,25,49,21,54,23,62,24,68,31,73,38,76,46,73,53,71,57,74,65,73,68,67,60,58,58,48,45,43,33,37" href="../puy%20de%20dome/index.htm" alt="Département du Puy de Dôme">
                <area shape="poly" coords="32,10,28,14,25,19,18,22,18,27,24,36,32,32,39,37,44,39,52,41,59,44,62,41,62,33,68,27,68,23,60,20,58,13,45,12" href="../allier/index.htm" alt="Département de l'Allier">
              </map>
            </div>
            <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"></font></div></td>
        </tr>
        <tr>  
          <td width="91" height="19"> </td>
          <td width="45"> </td>
          <td width="577" bgcolor="#004777"> <div align="center"><font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"><strong>OFFRES  
              D'EMPLOI</strong></font></div></td>
          <td width="7"> </td>
        </tr>
        <tr>  
          <td height="19" valign="top" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Présentation</strong></font></td>
          <td> </td>
          <td colspan="2" rowspan="17" align="right" valign="top" background="../tronc%20commun/images/fond%20tab2.gif">  
            <table width="580" height="40" border="0" align="center" cellspacing="0" background="../tronc%20commun/images/p_resultemploi.gif">
              <tr>  
                <td width="575" height="35"> <%'-- affichage par défaut du choix   selectionné--!%> <form name="form1" method="post" action="recherche_off.asp">
                    <div align="left"><strong><font size="2" face="Arial, Helvetica, sans-serif">Départements  
                      </font></strong>  
                      <select name="off_dep">
                        <option value="0">Choisir un département</option>
                        <option value="3"<%if dep="3" then
       response.write "Selected"
       end if%>>Allier</option>
                        <option value="15"<%if dep="15" then
       response.write "Selected"
       end if%>>Cantal</option>
                        <option value="43"<%if dep="43" then
       response.write "Selected"
       end if%>>Haute-Loire</option>
                        <option value="63"<%if dep="63" then
       response.write "Selected"
       end if%>>Puy de Dôme</option>
                      </select>
                         <strong><font size="2" face="Arial, Helvetica, sans-serif">Filières</font></strong>  
                      <select name="off_fil">
                        <option value="0">choisir une filière</option>
                        <option value="1"<%if fil="1" then
       response.write "Selected"
       end if%>>Administrative</option>
                        <option value="2"<%if fil="2" then
       response.write "Selected"
       end if%>>Technique</option>
                        <option value="3"<%if fil="3" then
       response.write "Selected"
       end if%>>Culturelle</option>
                        <option value="4"<%if fil="4" then
       response.write "Selected"
       end if%>>Sportive</option>
                        <option value="5"<%if fil="5" then
       response.write "Selected"
       end if%>>Sanitaire et social</option>
                        <option value="6"<%if fil="6" then
       response.write "Selected"
       end if%>>Sapeur pompier prof.</option>
                        <option value="7"<%if fil="7" then
       response.write "Selected"
       end if%>>Sécurité</option>
                        <option value="8"<%if fil="8" then
       response.write "Selected"
       end if%>>Animation</option>
                      </select>
                           
                      <input name="imageField" type="image" src="../tronc%20commun/images/louperech.gif" width="40" height="20" border="0">
                    </div>
                  </form></td>
              </tr>
            </table>
            <div align="center"><br>
              <%'-- lecture du fichier offre , si pas  de choix de département et/ou de filière--!%>
              <%if request("off_dep" ) = 0 and request("off_fil" )= 0 then
   sql="select * from offre order by offre_departement "  
            Set rs = Server.CreateObject("ADODB.RecordSet" )
            rs.open SQL,connexion,3
   else
     if request("off_dep" ) = 0 then
     sql="select * from offre where  offre_fil="&request("off_fil" )  
              Set rs = Server.CreateObject("ADODB.RecordSet" )
              rs.open SQL,connexion,3
     else  
      if request("off_fil" ) = 0 then
      sql="select * from offre where  offre_departement="&request("off_dep" )
                         Set rs = Server.CreateObject("ADODB.RecordSet" )
                         rs.open SQL,connexion,3
      end if
      end if
     end if %>
              <%if rs.eof then %>
              <font size="2" face="Arial, Helvetica, sans-serif"> <strong>Désolé  
              , il n'y a pas d'annonce</strong></font>  
              <%else %>
            </div>
            <table width="580" border="0" cellspacing="0">
              <tr>  
                <%'-- lecture du fichier offre , avec lien sur loupe et libelle pour détailler l'offre--!%>
                <%  Do While Not rs.EOF %>
                <td width="526" bgcolor="#628EAB"> <a href="detail_offre.asp?idoffre=<%=rs("offre_code" )%>"
    onclick="window.open('','popup','width=600,height=500,scrollbars=1';)"
                                  Target="popup" class="lienemploi"> <font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">  
                  <strong><%=rs("offre_libelle" )%></strong></font> </a> </td>
                <td width="60"> <a href="detail_offre.asp?idoffre=<%=rs("offre_code" )%>"
    onclick="window.open('','popup','width=600,height=500,scrollbars=1';)"
                                  Target="popup"> <img src="../tronc%20commun/images/loupe.gif" width="47" height="20" border= "0"></a>  
                  <%'-- lecture de la table  filière, --!%> </td>
                <%sql2="select * from filiere where fil_code=" & rs("offre_fil" )
                 Set rs2 = Server.CreateObject("ADODB.RecordSet" )
                 rs2.open SQL2,connexion,3%>
              </tr>
              <td> <font size="1" face="Arial, Helvetica, sans-serif"><strong>Filière  
                :</strong> <%Response.Write rs2("fil_libelle" )%> </td>
              <td></td>
              </tr>
              <tr>  
                <%'-- lecture de la table  offregrade, pour afficher tous les grades demandés dans l'offre --!%>
                <%sql3="select * from offregrade where og_code="& rs("offre_code" )  
    Set rs3 = Server.CreateObject("ADODB.RecordSet" )
 rs3.open SQL3,connexion,3
 i = 1
 Do While Not rs3.EOF  
      sql4="select * from grade where grade_code="& rs3("og_clegrade" )  
      Set rs4 = Server.CreateObject("ADODB.RecordSet" )
      rs4.open SQL4,connexion,3
    if i = 1 then%>
                <td> <font size="1" face="Arial, Helvetica, sans-serif"><strong>cadre(s)  
                  d'emploi :</strong> <%'-- grade cliquable pour afficher le détail de la fonction --!%> <a href="detail_fonction.asp?idgrade=<%=rs4("grade_code" )%>"
    onclick="window.open('','popup','width=600,height=500,scrollbars=1';)"
                                  Target="popup" class="liengrade">  
                  <% Response.Write  rs4("grade_libelle" )%>
                  </a> <% i = i+1
  else  
      Response.Write ", " %> <a href="detail_fonction.asp?idgrade=<%=rs4("grade_code" )%>"
    onclick="window.open('','popup','width=600,height=500,scrollbars=1';)"
                                  Target="popup" class="liengrade">  
                  <%Response.Write  rs4("grade_libelle" )%>
                  </a> <%end if  
       rs3.MoveNext
       Loop%> </td>
                <td></td>
              </tr>
              <tr>  
                <td> <font size="1" face="Arial, Helvetica, sans-serif"><strong>Collectivité  
                  :</strong> <%Response.Write rs("offre_lieu" )& "</td><td></td></tr><tr></tr><tr>"
               
        rs2.close
        set rs2 = nothing
        rs3.close
       set rs3 = nothing
       rs4.close
       set rs4 = nothing
 
       rs.MoveNext
       Loop
%> </tr>
            </table>
            <%end if%> <p align="left"> </p>
            <p align="left"> </p>
            <p align="left"> </p>
            <p align="left"> </p>
            <p align="left"> </p>
            <p align="left"> </p>
            <p align="left"> </p>
            </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Emplois</strong></font></td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="21" colspan="2" valign="top">  
            <table width="129" border="0" cellspacing="0">
              <tr>  
                <td width="124" height="21" background="../hte%20loire/images/fond%20boutonbis.gif"><font size="2" face="Arial, Helvetica, sans-serif"><strong> Concours</strong></font></td>
              </tr>
            </table></td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="20" valign="top" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Formulaires</strong></font></td>
          <td height="20"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19" valign="top" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Liens</strong></font></td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19" valign="top" background="../hte loire/images/fond boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"> <strong>Plan  
            du site</strong></font></td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="39"> </td>
          <td rowspan="2" background="../tronc commun/images/fond_tab.gif"> </td>
        </tr>
        <tr>
          <td height="24" background="../tronc commun/images/fond_tab.gif"> </td>
        </tr>
        <tr>  
          <td height="30" background="../tronc commun/images/fond_tab.gif"> </td>
          <td height="30" background="../tronc commun/images/fond_tab.gif"> </td>
          <td height="30" align="right" valign="top" background="../tronc%20commun/images/fond%20tab2.gif">  
            <p align="right"> <img src="../tronc%20commun/images/cle%20acces.gif" width="29" height="30" align="absmiddle"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong>Acces  
              Adhérents</strong></font> </p></td>
          <td valign="top"> </td>
        </tr>
      </table></td>
  </tr>
</table>
 

Reply

Marsh Posté le 02-12-2002 à 12:04:00    

Reply

Marsh Posté le 02-12-2002 à 12:31:49    

Ok, c'est de ma faute, je me suis mal exprimé.
 
Je veux un "exemple" ( c'est à dire une portion significative de ce qui pose problème, et non pas la totalité ) du code "HTML" généré ( C'est le html qui a un pb non ? ).
 
Ton code ASP ne m'est d'aucune utilité, vu que je ne peux pas l'executer ( sauf à la main, mais j'ai autre chose à faire ;-) ).


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 02-12-2002 à 13:49:20    

Il me semblait bien que vous ne seriez pas content.  :)  
Allez je vous fais passer le code en question:
 
 
<table width="720" height="539" border="0" align="center" cellpadding="0" cellspacing="0" background="../tronc%20commun/images/fond%20presentation.gif">
  <tr>  
    <td height="539">  
      <table width="720" height="539" border="0" cellpadding="0" cellspacing="0" background="">
        <!--DWLayoutTable-->
        <tr>  
          <td colspan="4"><div align="right"><img src="../tronc%20commun/images/Auvergne%20presentation.gif" width="100" height="124" border="0" usemap="#Map">  
               
            <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"></font></div></td>
        </tr>
        <tr>  
          <td width="91" height="19"> </td>
          <td width="45"> </td>
          <td width="577" bgcolor="#004777"> <div align="center"><font color="#FFFFFF" size="3" face="Arial, Helvetica, sans-serif"><strong>OFFRES  
              D'EMPLOI</strong></font></div></td>
          <td width="7"> </td>
        </tr>
        <tr>  
          <td height="19" valign="top" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Présentation</strong></font></td>
          <td> </td>
          <td colspan="2" rowspan="17" align="right" valign="top" background="../tronc%20commun/images/fond%20tab2.gif">  
            <table width="580" height="40" border="0" align="center" cellspacing="0" background="../tronc%20commun/images/p_resultemploi.gif">
              <tr>  
                <td width="575" height="35">    <strong><font size="2" face="Arial, Helvetica, sans-serif">Filières</font></strong>      
                <input name="imageField" type="image" src="../tronc%20commun/images/louperech.gif" width="40" height="20" border="0">
                    </div>
                  </form></td>
              </tr>
            </table>
            <div align="center"><br>
               
C'est ici que va commencer le pb en fait ce tab est donc construit dynamiquement, et quand sa taille depasse la hauteur de la cellule et bien les cellules (situées donc audessus dans le code html) se redimensionne automatiquement et la je ne metrise plus !!!!
 
<table width="580" border="0" cellspacing="0">
              <tr>  
                <td width="526" bgcolor="#628EAB"> </td>
                <td width="60"> </td>
                </tr>
              <td></td>
              <td></td>
              </tr>
              <tr>  
                <td></td>
                <td></td>
              </tr>
              <tr>  
                <td></td>
              </tr>
            </table>
             
          </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Emplois</strong></font></td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="21" colspan="2" valign="top">  
            <table width="129" border="0" cellspacing="0">
              <tr>  
                <td width="124" height="21" background="../hte%20loire/images/fond%20boutonbis.gif"><font size="2" face="Arial, Helvetica, sans-serif"><strong> Concours</strong></font></td>
              </tr>
            </table></td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="20" valign="top" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Formulaires</strong></font></td>
          <td height="20"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19" valign="top" background="../hte%20loire/images/fond%20boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong> Liens</strong></font></td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19" valign="top" background="../hte loire/images/fond boutonbis.gif"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"> <strong>Plan  
            du site</strong></font></td>
          <td height="19"> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="19"> </td>
          <td> </td>
        </tr>
        <tr>  
          <td height="39"> </td>
          <td rowspan="2" background="../tronc commun/images/fond_tab.gif"> </td>
        </tr>
        <tr>
          <td height="19" background="../tronc commun/images/fond_tab.gif"> </td>
        </tr>
        <tr>  
          <td height="30" background="../tronc commun/images/fond_tab.gif"> </td>
          <td height="30" background="../tronc commun/images/fond_tab.gif"> </td>
          <td height="30" align="right" valign="top" background="../tronc%20commun/images/fond%20tab2.gif">  
            <p align="right"> <img src="../tronc%20commun/images/cle%20acces.gif" width="29" height="30" align="absmiddle"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong>Acces  
              Adhérents</strong></font> </p></td>
          <td valign="top"> </td>
        </tr>
      </table></td>
  </tr>
</table>
 
je ne sais pas si vous allez tout comprendre mais bon je l'espère!

Reply

Marsh Posté le 02-12-2002 à 13:52:11    

petite modif sur le message precedent, en fait les cellules que ca me modifie ce sont selles avec pour fond de cellule "fond boutonbis.gif"

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed