1. Liebe Forumsgemeinde,

    aufgrund der Bestimmungen, die sich aus der DSGVO ergeben, müssten umfangreiche Anpassungen am Forum vorgenommen werden, die sich für uns nicht wirtschaftlich abbilden lassen. Daher haben wir uns entschlossen, das Forum in seiner aktuellen Form zu archivieren und online bereit zu stellen, jedoch keine Neuanmeldungen oder neuen Kommentare mehr zuzulassen. So ist sichergestellt, dass das gesammelte Wissen nicht verloren geht, und wir die Seite dennoch DSGVO-konform zur Verfügung stellen können.
    Dies wird in den nächsten Tagen umgesetzt.

    Ich danke allen, die sich in den letzten Jahren für Hilfesuchende und auch für das Forum selbst engagiert haben. Ich bin weiterhin für euch erreichbar unter tti(bei)pcwelt.de.
    Dismiss Notice

"Floating" - Elemente? (HTML)

Discussion in 'Web-Know-how für die Homepage' started by MastrofDesastr, Mar 31, 2007.

Thread Status:
Not open for further replies.
  1. MastrofDesastr

    MastrofDesastr Kbyte

    Hi,:cool:
    Ich hab da so'n problem, ich hab davon gehört, dass man in Pixeln angeben kann, wo man Elemente wie Grafiken plazieren möchte.
    (In HTML) Also ich meine jetzt außerhalb von einer Tabelle.

    MfG:confused:
     
    MastrofDesastr, Mar 31, 2007
    #1
  2. kalweit

    kalweit Hüter der Glaskugel

    kalweit, Mar 31, 2007
    #2
  3. PowerMan74

    PowerMan74 Byte

    Generell werden Grafiken bei CSS immer als Hintergrundgrafiken eingesetzt. Da man aber mehrere Container ineinander verschachtel kann ist es natürlich möglich auch mehrere Hintergrundbilder zu verwenden und in den entsprechneden Containern zu platzieren. immer von der oberen Linken Ecke an gerechnet.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.Hintergrund1 {
	background-image: url(hintergrundbild1.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.Hintergrund2 {
	background-image: url(hintergrundbild1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
-->
</style>
</head>

<body>
<div class="Hintergrund1">
  <div class="Hintergrund2">
  	Hier kommt der Inhalt des Container rein, meisst Text.
  </div>
</div>
</body>
</html>
    Das erste Hintergrundbild wird dabei 10 Pixel von der oberen und von der Linken Kante des Containers platziert. Bei zweiten unten, rechts. Es müssen natürlich noch die Breite und Höhe des Containers angegeben werden, da sonst der Container nur soweit aufgezogen wird wie auch der inhalt ist.
     
    PowerMan74, Apr 1, 2007
    #3
  4. kalweit

    kalweit Hüter der Glaskugel

    Wie kommst du darauf?
     
    kalweit, Apr 1, 2007
    #4
Thread Status:
Not open for further replies.

Share This Page