html - CSS buttons in middle "Center" -

-

i have tried place buttons in middle, have no idea do, i'm not best @ css.

i don't know, if i'm doing right in code, have tried place in center.

what should place buttons in middle of screen? 

<style>     body {      background-image: url(http://1-background.com/images/silk/grey-silk-website-background.jpg);      }      .button {         display:block;         text-align:center;     }      h1{          text-align: center;     }     .remove{         color: red;         align-items: center;     }      .create{         color: green;         align-items: center;     }      .test{         color: blue;         align-items: center;     }  </style>  <body>     <form>         <h1>             <select id="myselect" style="width:400px" size="10"  multiple>                 <option id=" hello">hello</option>              </select>             <br />             <input type="text" name="name" value="text " style="width:350px" />         </h1>      </form>     <br>            <la class=" remove"><button onclick="myremove()" style=" align-items: center;  width: 225px"><h2 class="remove"><img id="hi" src="http://outlooksettings.com/wp-content/uploads/2014/12/remove-md.png" width="40"> remove</h2></button>     </la>      <la class="create"><button type="button" onclick="mycreate()"  style=" align-items: center; width: 225px"><h2  class="create"><img id="hi" src="https://cdn0.iconfinder.com/data/icons/large-glossy-icons/512/create.png" width="40">create</h2></button>     </la>      <la class="test"><button type="button" onclick="test()" style=" align-items: center; width: 225px"><h2 style="width:80px" class="test"><img id="hi" src="https://lh4.ggpht.com/luclbewm2mffnhc1_bbzyi5zjexazfeyf73cg2sxjfdx3_xnnhgumksrdh86tn8hqcsq7qr3va=w512" width="40">file</h2></button>     </la>

i place them in div , apply following css div:

.my-div {   width: 100%;   text-align: center; }

to learn more, check this out.

the result in case:

<!doctype html>  <html xmlns = "http://www.tedthespeedlearner.com"        xmlns:xsi = "http://www.w3.org/2001/xmlschema-instance"        xsi:schemalocation = "http://www.tedthespeedlearner.com     svg_red_circle.xsd">  <head>  <title>svg line</title>  <link rel = "stylesheet" type = "text/css" href = "svg_lines.css">  </link>  </head>  <style>      body {        background-image: url(http://1-background.com/images/silk/grey-silk-    website-background.jpg);        }        .button {      display:block;      text-align:center;  }        h1{           text-align: center;      }      .remove{               color: red;                align-items: center;          }         .create{              color: green;                align-items: center;          }          .test{               color: blue;                align-items: center;          }        .my-div {        width: 100%;        text-align: center;      }    </style>    <body>            <form>              <h1>                  <select id="myselect" style="width:400px" size="10"  multiple>                  <option id=" hello">hello</option>                    </select>              <br />                  <input type="text" name="name" value="text "     style="width:350px" /></h1>             </form>            <br>    <div class="my-div">        <la class=" remove"><button onclick="myremove()" style=" align-items:     center;  width: 225px"><h2 class="remove"><img id="hi"     src="http://outlooksettings.com/wp-content/uploads/2014/12/remove-md.png"     width="40"> remove</h2></button></la>        <la class="create"><button type="button" onclick="mycreate()"  style="     align-items: center; width: 225px"><h2  class="create"><img id="hi"     src="https://cdn0.iconfinder.com/data/icons/large-glossy-icons/512/create.png"     width="40">create</h2></button></la>            <la class="test"><button type="button" onclick="test()" style=" align-    items: center; width: 225px"><h2 style="width:80px" class="test"><img id="hi"     src="https://lh4.ggpht.com/luclbewm2mffnhc1_bbzyi5zjexazfeyf73cg2sxjfdx3_xnnhgu    mksrdh86tn8hqcsq7qr3va=w512" width="40">file</h2></button></la>    </div>    </body>  </html>


Comments

Post a Comment

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

-
Image
i have similar problem described in how prevent numbers being changed exponential form in python matplotlib figure : i don't want (in special case) weird scientific formatting of axis. problem different have problem @ z -axis. 2-d plots can use ax.get_yaxis().get_major_formatter().set_useoffset(false) . , there no function ax.get_zaxis() what use format z -axis same way? edit: example: from mpl_toolkits.mplot3d import axes3d import numpy np import sys import matplotlib import matplotlib.pyplot pyplot def func(xi, ti): res = 10e3 + np.cos(ti) * np.sin(xi) return res if __name__ == '__main__': timespacing = 20 timestart = 0 timeend = 1 time = np.linspace(timestart, timeend, timespacing) widthspacing = 50 widthstart = 0 widthend = 3 width = np.linspace(widthstart, widthend, widthspacing) reslist = [] matplotlib.rcparams['legend.fontsize'] = 10 fig = pyplot.figure() ax = fig.gca(projection = '3d...
Read more

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

-
i install web server database on raspberry pi (little computer). computer has 1gb ram. i want know best combination: linux distribution , web server , dbms run local server multiple users minimal latency, use php on server. , best settings performance , not have bugs (memory usage, disable plugin, disable service, etc)? i thought light debian , lighttpd server , sqlite database. solution? i think lighttpd + sqlite great choice. linux distro, debian @ centos or tiny core linux , although i'm not sure of compatibility pi. obviously, can't go wrong raspbian if want use in production , more stable performance, few more pi's , set them in cluster .
Read more

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -

-
i developing app in xamarin android. have splash screen serialize class , pass mainactivity using intent . when try deserialize in mainactivity error message : "serializationexception unable find constructor use types" serialization : void loaddata() { currency currency = new currency(this); intent = new intent(this, typeof(mainactivity)); intent.putextra("currency", newtonsoft.json.jsonconvert.serializeobject(currency)); startactivity(intent); } deserialization : cur = newtonsoft.json.jsonconvert.deserializeobject<currency> (intent.getstringextra("currency")); // error here class constructor : public currency(context context) { thiscontext = context; } i began experiencing problem after added parameter context context constructor. has caused this? how can solve it? possible serialize/deserialize class has parameters? you need have empty constructor in currency class in order deserialize it. ...
Read more