html - my submit buttons and select button shift all the words on that page to the left -


as can see in picture 1, "rights reserved" centered. in picture 2, words shifted left.

here's html code picture 1:

<form action="chapter 1.html" data-inline="true" style="float:right">       <input type="submit" value="next >">    </form>    </style>      <div align="right">      <select id="change" onchange="location = this.options[this.selectedindex].value;">        <option value="introduction.html">1. introduction</option>        <option value="chapter 1.html">2. chapter 1</option>      </select>    </div>

and code picture 2:

  <form action="chapter 2.html" data-inline="true" style="float:right">       <input type="submit" value="next >">    </form>    </style>      <select id="change" onchange="location = this.options[this.selectedindex].value;" style="float:right">      <option value="introduction.html">1. introduction</option>      <option value="chapter 1.html">2. chapter 1</option>    </select>      <form action="introduction.html" style="float:right">       <input type="submit" value="< prev" id="previous">    </form>    </style>

my css code both pictures:

input[type=submit] {      width: 5em;  height: 2em;      border-radius: 5px;      webkit-border-radius: 5px;      background: webkit-linear-gradient(#fff, #ddd);      background: linear-gradient(#fff, #ddd);  }  input[type=submit]:hover {      background: #ddd;  }  #previous {      width: 5em; height 2em;      border-radius: 5px;      webkit-border-radius: 5px;  }    #change{      width: 9em; height: 2em;      border-radius: 5px;      webkit-border-radius: 5px;  }

as requested, here's rights reserved code, html code 1st while 2nd jscript code , 3rd css code:

<footer id="foot01"></footer> 

document.getelementbyid("foot01").innerhtml =  "<p><center>&copy;  "+ new date().getfullyear() + " richard. rights reserved.</center></p>";

footer#foot01 {      color: #000;      align:center;  }

what doing wrong here? :/

you floating forms , select items right. need apply clear footer:

footer#foot01 {     clear: right; } 

demo

note: have anothers errors, </style> tags in html , align:center; should text-align: center;.


Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

firemonkey - How do I make a beep sound in Android using Delphi and the API? -