Page de design adaptatif pour balises struts en jsp page

J'essaie de créer une page web réactive. J'ai essayé d'aligner trois boutons aussi réactifs. Je pourrais aligner les boutons normaux mettre à jour et annuler.Mais le bouton de réinitialisation ne peut pas être aligné ... il se positionne à différents endroits à chaque fois. Toute assistance pls?Page de design adaptatif pour balises struts en jsp page

HTML code: 

<div class="button-container"> 
    <button type="button" style="opacity:0.5;cursor:default;" disabled="disabled" title="Update" id="updPsw"> 
    <span>Update</span> 
    </button> 
    <button class="mdclose" title="Cancel">Cancel</button> 
    <s:reset title="Reset"></s:reset> 
</div> 

CSS: 

.button-container{ 
    position: relative; 
    top :20px; 
    right: 40px; 
} 
input[type="reset"] { 
    padding: 10px 30px 10px 30px; 
    color: #FFF; 
    background-color: #444; 
    font-size: 0.8em; 
    text-align: center; 
    font-style: normal; 
    border-radius: 5px; 
    /* width: 100%; */ 
    border: 1px solid #3ac162; 
    border-width: 1px 1px 3px; 
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; 
/* margin-bottom: 10px; */ 
/* margin-top: 22px; */ 
    font-family: 'Lato', Calibri, Arial, sans-serif; 
    cursor: pointer; 
    position: relative; 
    bottom: 42px; 
    right: 62px; 
}

Source

2017-07-03 Raja

Struts en utilisant le thème pour générer du contenu, Est-ce ce dont vous avez besoin? –

Utilisez un thème différent pour les balises S2 ou utilisez des balises HTML. –

-1

CSS CODE:

.button-container{ 
    position: inherit; 
    top :20px; 
    right: 40px; 
} 
input[type="reset"] { 
    padding: 10px 30px 10px 30px; 
    color: #FFF; 
    background-color: #444; 
    font-size: 0.8em; 
    text-align: center; 
    font-style: normal; 
    border-radius: 5px; 
    /* width: 100%; */ 
    border: 1px solid #3ac162; 
    border-width: 1px 1px 3px; 
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset; 
/* margin-bottom: 10px; */ 
/* margin-top: 22px; */ 
    font-family: 'Lato', Calibri, Arial, sans-serif; 
    cursor: pointer; 
    position: relative; 
    bottom: 42px; 
    right: 62px; 
}

HTML CODE:

<div class="button-container"> 
    <button type="button"vstyle="opacity:0.5;cursor:default;" disabled="disabled" title="Update" id="updPsw"> 
    <span>Update</span> 
    </button> 
    <button class="mdclose" title="Cancel">Cancel</button> 
    <button class="mdclose" title="Reset">Reset</button> 
</div>

Source

2017-07-03 07:32:44

Vous pouvez ajouter des commentaires ou une petite explication avec votre code, de sorte qu'il sera utile de comprendre ce que vous avez fait dans votre réponse :) –

Reset est le bouton tag struts où ils appellent des trucs liés struts sur onclick – Raja

Au lieu d'utiliser étiquette de jambe de force, utiliser les balises HTML et ça a

Source

2017-09-07 12:01:09 Raja

Page de design adaptatif pour balises struts en jsp page

Répondre

Questions connexes