Positionierung von Buttons und Texten.

Dieses Thema im Forum "CSS" wurde erstellt von Hansii, 10. März 2017.

  1. Hansii

    Hansii New Member

    Hallo,

    benötige ein wenig Unterstützung bei einigen Befehlen.

    Möchte meine Buttons und Schriften "bei ganz gleich welcher Auflösung und Rechner präzise stets auf dem Gleichen Platz auf dem Monitor des Besuchers platzieren."

    Folgende Codes und Befehle benutze ich bisher.





    <!-- Code für Botton HEAD-Bereich-->

    <style>

    input.MyButton {

    width: 550px;

    padding: 13px;

    cursor: pointer;

    font-weight: bold;

    font-size: 77%;

    background: #8EB9C6;

    color: #00f;

    border: 3px solid #3366cc;

    border-radius: 10px;

    -moz-box-shadow:: 6px 6px 5px #999;

    -webkit-box-shadow:: 6px 6px 5px #999;

    box-shadow:: 6px 6px 5px #999;

    }

    input.MyButton:hover {

    color: #ff0000;

    background: #0A0;

    border: 3px solid #fff;

    -moz-box-shadow:: 5px 5px 4px #adadad;

    -webkit-box-shadow:: 5px 5px 4px #adadad;

    box-shadow:: 5px 5px 4px #adadad;

    } </style>

    <!-- Code für Botton ENDE -->





    Code im Body-Bereich:

    <form>

    <input class="MyButton" type="button" value=" Derzeit im Aufgebau."

    onclick="window.location.href='http://www.html'" />

    </form>



    Bitte den notwenigen Befehl einfügen / vervollständigen um dies zu ermöglichen.



    Das Gleiche benötige ich für Texte von <h0> (body) bis <h6> .



    Vielen Dank

    Sa.
     
  2. junkie34

    junkie34 Member

    "stets auf dem Gleichen Platz auf dem Monitor" ... also z.B. auch beim Scrollen immer oben links fixiert? Das ginge mit "position: fixed; left: 0; top: 0". Ansonsten beschreibe deinen use case bitte etwas genauer.
     

Diese Seite empfehlen