Hallo,

ich wollte mal wieder ein neues Tutorial schreiben aber als aller erstes möchte ich mich bei den M-Core Team bedanken, das Sie mich als Probe-Moderator hier im Coding Bereich eingestellt haben. Ich versuche mich möglichst oft hier zu melden und versuche auch, anderen Usern bei ihren Problemen zu helfen.

Zurück zum Thema:

Wie gesagt werde ich in diesem Tutorial beschreiben, wie man z.B. ein Bild, innerhalb eines Elements z.B. einem <div></div>, positionieren kann.
Ich werde eine Möglichkeit nennen, es gibt noch andere aber diese hier ist sehr einfach.

Wir gehen davon aus, wir haben ein <div></div> in unserer Datei, wo wir einen Bereich mit einer definierten Breite & Höhe haben, in diesem Bereich haben wir jetzt ein Bild hinzugefügt.
Hier ein Beispiel:



So könnte unsere Datei aussehen.
Der div (in CSS so angesprochen: #unser_bereich) "unser_bereich" hat eine feste Höhe (height) und eine feste Breite (width), in CSS würde das ganze dann so aussehen:


So, jetzt möchten wir aber, dass das Bild in diesem <div>, sich an einer bestimmten Stelle befindet. Das Bild (in HTMl: <img...>) sprechen wir in der CSS Datei so an:

#unser_bereich img

Wie ich es dieses Bild jetzt positioniere zeige ich in unsere CSS Datei die nun so aussehen sollte:


Mit dem Zeichen /* und */ verfasse ich ein Kommentar in der CSS Datei die nichts als nur eine Beschreibung bewirkt.

In unseren {} Klammern wurde noch nichts definiert doch wir machen nun folgendes:


Wir haben unserem Bild die Position Absolute gegeben, da wir nun mit diesen CSS Befehlen unser Element ganz leicht positionieren können:

top: 0;
left: 0;
right: 0;
bottom: 0;

Es müssen nicht alle vier Befehle verwendet werden, je nach dem wie ihr es positionieren wollt müsst ihr die einzelnen Befehle ansprechen.

Wollen wir es zum Beispiel oben Rechts haben machen wir folgendes:



Er wird jetzt in einem Abstand von 0 Pixel am oben Rand positioniert und mit einem Abstand von 0 Pixel von rechten Rand, spricht in der oberen rechten Ecke.

Bei Fragen meldet euch hier! Ich werde auf eure Fragen schnellst möglich eingehen uns sie beantworten. :)

z0r

Erkläre den Usern was dieses # zu bedeuten hat, weil es steht hier ja nicht ohne grund. Man könnte auch einfach unser_bereich
hinschreiben und es würde sich nichts tun.

Welche alternativen hat man zu der [B]ID. Man kann doch auch [B]class verwenden.

Btw. wenn ich den Code so einfüge wie da oben, würde sich nichts tun, weil es nicht in einem <Style> bzw. einer CSS Datei steht welche im Head Tag eingetragen wurde.[/B][/B]

'#' Bedeutung wird hinzugefügt.
'class / id' Bedeutung wird hinzugefügt.

Wie man mit einer CSS Datei in einem HTML Dokument hantiert, wird in diesem Beitrag beschrieben:
mmorpg-core.com/forum/html-tut…ment-einbinden-34373.html

Ich finde, dass dein Tutorial den falschen Ansatz verfolgt.

1. Ich sehe keinen Sinn darin, immer von Null anzufangen. Wenn jemand während dem Gestalten seiner Webseite urplötzlich wissen muss, wie er Elemente absolut positioniert, wird er sicher wissen, wie ein Kommentar aussieht und was ein Selektor / eine Klasse / was auch immer in CSS sind. Wenn es kein absolutes Anfängertutorial (und als solches sehe ich dieses nicht, inhaltlich passt das einfach nicht dazu) spricht doch nichts dagegen, zumindest ein Mindestmaß an Vorkenntnissen zu erwarten. Wenn ich eine Einführung in die objektorientierte Programmierung in PHP schreiben möchte, dann fange ich doch auch nicht mit der Definition einer Variable an.

2. Ich finde es unsinnig, ein Tutorial über einen, trivialen Sonderfall zu schreiben. Wieso kein Tutorial über alle Positionierungstypen?

Vermutlich würde folgende Kurzfassung des Tutorials allen, denen das wirklich etwas bringt, genauso helfen:

Die Eigenschaft position bestimmt die Art, wie ein Element positioniert wird. Über den Wert absolute kann das Element mit den zusätzlichen Eigenschaften top, bottom, right und left innerhalb des Elternelements absolut positioniert werden.

Oder so ...

Zu 1.:

Natürlich könnte ich ein Tutorial schreiben, indem ich "mitten drin" anfange, wie das mit dieser Art von Positionierung geht. Aber ich sehe keine große Aktivität in diesem Forenbereich und gehe somit davon aus, das viele User noch relativ unerfahren sind, in Sachen Webcoding etc.
Ich werde ich die nächsten Male drauf achten es nicht zu tun um mal zu gucken ob das trotzdem hilfreich ist.

Zu 2.:

Ich werde eine Möglichkeit nennen, es gibt noch andere aber diese hier ist sehr einfach.

Mir ist bewusst das es auch andere Möglichkeiten gibt Elemente zu positionieren, aber ich wollte einfach diese Methode posten da sie relativ einfach ist.

Das ist aber net dein ernst, dass das ein Tutorial sein soll oder??

Ich hab ja nichts gegen ein bisschen Leben in der Web Sektion, aber ich finde wenn dann sollten hier auch Tutorials erscheinen die ein wenig mehr Qualität bieten als das was du da schreibst.

Vielleicht irre ich mich ja auch und es hilft wirklich jemanden weiter. Sollte dies der Fall sein, dann bitte ich das obere einfach zu überlesen.

In diesem Sinne
Ulle

PS: Ach und was ich vergessen habe, 47 Beiträge und schon Probemoderator? Wie tief ist MCore gesunken? Nichts gegen den Thread Ersteller der kann ja auch nichts dafür....

Wäre es nicht mein Ernst würdest du hier wohl kaum unter diesem Beitrag kommentieren können.
Der Webcoding Sektor ist sehr unaktiv und ich gehe davon aus das welche die sich diesen Thread angucken nicht besonders viel Ahnung von HTML etc. haben.

Tutorials mit mehr Qualität. Klar. Werden auch noch kommen, aber es gibt auch Sachen die für Neuzugänge in HTML usw. interessant sind.


An dein PS:
Probemoderator, ja! Ich bin kein fester Moderator sondern nur zur Probe, deswegen ja auch 'Probe-Codingmoderator'.

Ich will mich nicht selber loben und es soll auch nicht eingebildet klingen, aber ich bin in Sachen HTML-, CSS-Kenntnisse relativ fit und deswegen wollte M-Core sehen, wie ich mich so machen.
Deine Meinung über M-Core ist deine persönliche Meinung gegen die ich nichts habe und du kannst dich ja auch gerne äußern, aber ich sehe nichts schlimmes da dran, einen User unter Probe zu stellen, auch wenn er nicht viele Beiträge hat.
Moderatoren müssen nicht immer die sein, die die meisten Posts auf einer Plattform haben.