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

HTML Discussion :

[HTA] Ordonnancement des éléments


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Expert technique poste de travail
    Inscrit en
    Octobre 2013
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Expert technique poste de travail

    Informations forums :
    Inscription : Octobre 2013
    Messages : 27
    Par défaut [HTA] Ordonnancement des éléments
    Bonjour,

    N'ayant aucune base et connaissance solide en HTML, je suscite votre aide.
    J'ai créé une interface pour mon script (vbs). Cependant, j'ai quelques soucis concernant l'ordonnancement de certains élément de mon code.

    Voici mon code :

    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
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    <html>
    <HTA:APPLICATION 
    SCROLL="no"
    SHOWINTASKBAR="yes"
    SINGLEINSTANCE="yes"
    WINDOWSTATE="no"
    CAPTION="yes"
    MAXIMIZEBUTTON="no"
    MINIMIZEBUTTON="yes"
    SYSMENU="yes"
    BORDER="thin"
    BORDERSTYLE="Normal"
    CONTEXTMENU="no"
    SELECTION="no">
    <META HTTP-EQUIV="MSThemeCompatible" CONTENT="Yes">
    <head> 
    <OBJECT ID="objShell" CLASSID="clsid:{72C24DD5-D70A-438B-8A42-98424B88AFB8}" ProgID="WScript.Shell.1"></OBJECT> 
    <title>NewChangeIP 1.0.0</title>
    <style type='text/css'>
    BODY {background:ButtonFace;} 
    .button {
    border-size: 0px;
    border-style: none;
    background: inherit;
    width: 120px;
    font-size:14px;
    color: blue;
    cursor: hand;
    cursor: pointer;
    padding: 0px;
    border-radius: 10px 10px 10px 10px;
    }
     
     
    .bouton {
      background: #c9c9c9;
      background-image: -webkit-linear-gradient(top, #c9c9c9, #333333);
      background-image: -moz-linear-gradient(top, #c9c9c9, #333333);
      background-image: -ms-linear-gradient(top, #c9c9c9, #333333);
      background-image: -o-linear-gradient(top, #c9c9c9, #333333);
      background-image: linear-gradient(to bottom, #c9c9c9, #333333);
      -webkit-border-radius: 13;
      -moz-border-radius: 13;
      border-radius: 13px;
      font-family: Arial;
      color: #ffffff;
      font-size: 15px;
      padding: 10px 20px 10px 20px;
      text-decoration: none;
    }
     
    .bouton:hover {
      text-decoration: none;
    }
        .bouton:active {
            position:relative;
            top:1px;
    }
     
     
    input {
    background-color:ButtonFace;
    text-align:center;
    }
     
    body
    {
    background-color:#9DC5FF;
     
    }
    .Intro
    {
    background-color:#5195FA;
    align:center;
    height : 30px;
    width : 100%;
    font:bold;
    border-radius: 10px 10px 10px 10px;
    }
     
    aside
    {
        position: relative;
    	align:right;
        width: 235px;
        background-color: #706b64;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
    }
     
    </style>
    </head>
    <body>  
    <table border="2" width="315">
    <tr>
    <td><SPAN class="intro"><center>Changement d'adresse IP</center></SPAN> </td>
    </tr>
    </table>
    <table border="2">
    <form name="ValidForm">
    <td>Intitulé IP:</td>
    <td class="blue">
    <input maxlength="27" type='text'  class="IP" name="Intitule" size="27"></td><tr>
     
    <td>Adresse IP :</td> 
    <td class="blue">
    <input maxlength="3" type='text' class="IP" onKeyUp="IPCheckAdrIpStation01()" name="AdrIpStation01" size="3">
    <input maxlength="3" type='text'  class="IP" onKeyUp="IPCheckAdrIpStation02()" name="AdrIpStation02" size="3">
    <input maxlength="3" type='text'  class="IP" onKeyUp="IPCheckAdrIpStation03()" name="AdrIpStation03" size="3">
    <input maxlength="3" type='text'  class="IP" onKeyUp="IPCheckAdrIpStation04()" name="AdrIpStation04" size="3"></td><tr>
     
    <td>Masque:</td>
    <td class="blue">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrSmStation01()" name="AdrSmStation01" size="3" value="255">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrSmStation02()" name="AdrSmStation02" size="3" value="255">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrSmStation03()" name="AdrSmStation03" size="3" value="255">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrSmStation04()" name="AdrSmStation04" size="3" value="0"></td><tr>
     
    <td>Passerelle:</td>
    <td class="blue"> 
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrRouStation01()" name="AdrRouStation01" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrRouStation02()" name="AdrRouStation02" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrRouStation03()" name="AdrRouStation03" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrRouStation04()" name="AdrRouStation04" size="3" value="1"></td><tr>
     
    <td>Adresse DNS 1 :</td>
    <td class="blue"> 
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS101()" name="AdrIpDNS101" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS102()" name="AdrIpDNS102" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS103()" name="AdrIpDNS103" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS104()" name="AdrIpDNS104" size="3"></td><tr>
     
     
    <td>Adresse DNS 2 :</td>
    <td class="blue"> 
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS201()" name="AdrIpDNS201" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS202()" name="AdrIpDNS202" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS203()" name="AdrIpDNS203" size="3">
    <input maxlength="3" type='text'  class="IP"  onKeyUp="IpCheckAdrIpDNS204()" name="AdrIpDNS204" size="3"></td><tr>
    <tr>
    </table>
     
    <center>
    		<INPUT TYPE="button" NAME="appliquer" class="bouton" style="width:55px" VALUE="OK" onclick="Valider()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<INPUT TYPE="button" NAME="annuler" class="bouton" VALUE="Restaurer DHCP" onclick="Annuler()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<INPUT TYPE="button" NAME="ajouter" class="bouton" VALUE="Ajouter" onclick="AjouterIP()">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<INPUT TYPE="button" NAME="supprimer" class="bouton" VALUE="Supprimer" onclick="Supprimer(PathFichParam)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<INPUT TYPE="button" NAME="selectionner" class="bouton" VALUE="Selectionner" onclick="GetIPConfig(PathFichParam)">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    		<INPUT TYPE="button" NAME="aide" class="bouton" VALUE="aide" onclick="Aide()">
    </center>
     
    <aside>
    	<td class="right">
    		<table border="0" cellpadding="0" cellspacing="10">
    		<select name="listeIP" size="7"></select>
    		</table>
    </aside>
    </form>

    J'aimerai mettre la liste dans la balise aside tout à droite, l'élargir, la rendre plus grande et plus visible, et organiser mes boutons plus proprement. Je ne sais pas du tout comment m'y prendre, si vous pouviez m'indiquer comment faire cela ou carrément m'aider, je suis preneur. J'ai peu de temps étant donné que je travail sur le script de cette interface !

    Merci par avance,

    Cristalinz.

  2. #2
    Membre chevronné Avatar de winow
    Inscrit en
    Novembre 2004
    Messages
    669
    Détails du profil
    Informations personnelles :
    Âge : 60

    Informations forums :
    Inscription : Novembre 2004
    Messages : 669
    Par défaut
    essaie de jouer sur les marges :
    Code css : 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
    aside
    {
        position: relative;
    	/*align:right;*/
        width: 235px;
        background-color: #706b64;
        box-shadow: 0px 2px 5px #1c1a19;
        border-radius: 5px;
        padding: 10px;
        color: white;
        font-size: 0.9em;
     
    /*  rajout */
    float:right;
    height:140px;
    margin:10px 20px 0 0;
     
    }
    html pour aside
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <aside>
    	<td class="right">
    		<table border="0" cellpadding="0" cellspacing="10">
    		<select name="listeIP" size="8"></select>
    		</table>
    </aside>
    pour descendre un peut les boutons joue sur margin-top: 10px; par exemple ?

  3. #3
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 207
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 207
    Par défaut
    Bonjour,
    j'aurais tendance à commencer par HOULALA!

    Reprend la structure de ta table afin de la rendre conforme
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    <table>
      <tr>
        <td></td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>
    il te manque pas mal de TR de fermeture.

    Compte tenu de la structure mise en place ta balise <ASIDE> fait tâche, d'autant qu'on la retrouve encadrant une TD sortie d'on ne sait d'où.

    On finira par la balise <FORM> qui ne se trouve également pas à un endroit idoine.

  4. #4
    Membre chevronné Avatar de winow
    Inscrit en
    Novembre 2004
    Messages
    669
    Détails du profil
    Informations personnelles :
    Âge : 60

    Informations forums :
    Inscription : Novembre 2004
    Messages : 669
    Par défaut
    pour etre le plus possible conforme corrige t'es codes
    avec cela et si tu cale demande de l'aide
    HTML - http://validator.w3.org/#validate_by_uri
    CSS - http://jigsaw.w3.org/css-validator/#validate_by_uri

    sinon tu as des outils dans firefox :
    ( MAJ + CTRL + i ) pour ton HTML
    ( MAJ + F7 ) pour le CSS

    sinon il y a aussi ca :
    http://jsbin.com/welcome/1/edit

Discussions similaires

  1. [java3d] superposition des éléments
    Par moutse dans le forum 3D
    Réponses: 3
    Dernier message: 19/10/2004, 12h59
  2. tranférer des éléments d'une base
    Par john_wayne dans le forum Décisions SGBD
    Réponses: 1
    Dernier message: 21/06/2004, 15h33
  3. [VB.NET] Enregistrement des éléments d'une listBox
    Par Hoegaarden dans le forum Windows Forms
    Réponses: 9
    Dernier message: 18/05/2004, 14h48
  4. couleurs des éléments 3D d'une appli
    Par Eugénie dans le forum MFC
    Réponses: 29
    Dernier message: 12/03/2004, 11h31
  5. [TShellListView] Tri des éléments
    Par M.Dlb dans le forum Composants VCL
    Réponses: 4
    Dernier message: 16/12/2003, 22h35

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