[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 :

.PosClass{
[COLOR="PaleGreen"]Position : Absolute;
Top : 100px;
Left : 100px;
Width : 200px;
Height : 150px;
[/COLOR]


Border-Width : 2px;
Border-Color : RGB(200,200,200);
Border-Style : Solid;


Color : RGB(250,180,180);
Background-Color : RGB(250,250,250);




}

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

<div Class="PosClass">
<p> Hallo ich bin in ner Box gefangen </p>
</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*