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

Bei HTML Bild anpassen

Discussion in 'Web-Know-how für die Homepage' started by ConsoleRead, Jul 9, 2010.

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

    ConsoleRead Byte

    Hallo,

    ich möchte ein Bild auf einer Website platzieren, das als Hintergrund fungiert. Das Bild soll sich aber der Browsergröße anpassen!! Sonst sieht man ja immer nur einen kleien Ausschnitt vom Bild, wenn man das Browserfenster verkleinert.

    Danke schonmal im Vorraus
     
    ConsoleRead, Jul 9, 2010
    #1
  2. kalweit

    kalweit Hüter der Glaskugel

    Du f&#252;gst direkt nach dem <body> Tag ein Bild in der folgenden Form ein:

    HTML:
    <img src="hintergrund.jpg" style="position:absolute; z-index:0; left:0px; top: 0px; height: 100&#37;; width:100%" />
     
    kalweit, Jul 9, 2010
    #2
  3. ConsoleRead

    ConsoleRead Byte

    Ich will aber, dass das Bild als Hintergrund verwenden, also soll es nicht immer im Vordergrund sein!!
     
    ConsoleRead, Jul 9, 2010
    #3
  4. kalweit

    kalweit Hüter der Glaskugel

    Wenn du es richtig gemacht hast, dann ist es nicht im Vordergrund.
     
    kalweit, Jul 9, 2010
    #4
  5. ConsoleRead

    ConsoleRead Byte

    Auf dem Bild soll mithilfe von <h1> was geschrieben werden und es sollen textboxen eingefügt werden.
     
    ConsoleRead, Jul 9, 2010
    #5
  6. kalweit

    kalweit Hüter der Glaskugel

    ...sorry, du musst nach dem Bild noch folgenen Container einfügen und in diesen kommt dann deine eigentliche Seite:

    HTML:
    <div style="position: absolute; top: 0px; left: 0px; width: 100%;"> ... hier der Rest der Seite ... </div>
     
    kalweit, Jul 9, 2010
    #6
  7. Scari36

    Scari36 Byte

    Ist doch mit CSS sehr viel einfacher zu lösen.

    Code:
    <html>
<head>
<title></title>

</head>

<style type="text/css">
div.bg {
background-image: url(Bilddatei.Endung);
background-color:opacity;
width:100%;height:100%;
border:0px solid;
padding:00px;
}
</style>

</head>
<body>
<div class="bg">
 Text, und sonstiger Inhalt.
</div>
    LG
     
    Scari36, Jul 9, 2010
    #7
  8. kalweit

    kalweit Hüter der Glaskugel

    ...aha, und mein Code ist kein CSS :totlach:
     
    kalweit, Jul 9, 2010
    #8
Thread Status:
Not open for further replies.

Share This Page