[Mini-Guide] Positionierung

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [Mini-Guide] Positionierung

      Hi,

      ich möchte euch zeigen wie ihr zB. euren Seiteninhalt neben etwas anderem positionieren könnt, oder eine kleine werbe Box erstellen könnt.

      Dazu erstellt ihr ermal eine kleine Klasse :

      Quellcode

      1. .PosClass{
      2. [COLOR="PaleGreen"]Position : Absolute;
      3. Top : 100px;
      4. Left : 100px;
      5. Width : 200px;
      6. Height : 150px;
      7. [/COLOR]
      9. Border-Width : 2px;
      10. Border-Color : RGB(200,200,200);
      11. Border-Style : Solid;
      13. Color : RGB(250,180,180);
      14. Background-Color : RGB(250,250,250);
      17. }
      Alles anzeigen


      Konzentriert euch auf den markierten Bereich,
      ihr solltet erkennen dass man dort eine direkt bzw. [COLOR="Red"]Absolute[/COLOR] Position angeben kann.
      Man kann außerdem noch Höhe und Breite einstellen.
      So könnt ihr alles Frei Positionieren und Vergrößern wie bei der Programmierung von GUI's.

      HTML Code zum anschauen

      PHP-Quellcode

      1. <div Class="PosClass">
      2. <p> Hallo ich bin in ner Box gefangen </p>
      3. </div>


      Damit könnt auch Msg Boxen erstellen und Hinweis - boxen, dass man zB. noch nicht eingeloggt ist.

      In meinem Beispiel ist noch eine Umrahmung zur genaueren Veranschaulichung enthalten.

      gez :: *electriZer*

    • Werbung zur Unterstützung des Forums ( Bitte AddBlocker deaktivieren )