Kai: Text soll über Hintergrundbild scrollen

SELF-Forum

Text soll über Hintergrundbild scrollen

Kai
– Informationen zu den Bewertungsregeln

hallo & frohe ostern allerseits,

ich habe mal eine frage. es geht darum, dass ich einen scrollbaren text in meine html-seite einbauen möchte. soweit ja kein problem. ich habe allerdings ein hintergrundbild, welches sich immer wiederholt (nach unten und nach rechts - ganz normal).

wie kann ich es machen, dass das bild starr stehen bleibt und sich NUR der text bewegt, wenn ich den scrollbalken bewege?

gibt es einen befehl "hintergrundbild verankern" oder so ähnlich?

danke schonmal :-)

kai

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Text soll über Hintergrundbild scrollen

    Der Hans
    – Informationen zu den Bewertungsregeln

    Moin!

    http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_attachment

    Gruß

    Der Hans

    --

    wieder online: http://www.discofoxtanzen.de
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Text soll über Hintergrundbild scrollen

      Kai
      – Informationen zu den Bewertungsregeln

      cool,

      danke euch beiden. ich werd mir die links mal genauer ansehen. vom ersten eindruck her ist es genau das, was ich gesucht habe.

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Text soll über Hintergrundbild scrollen

        Kai
        – Informationen zu den Bewertungsregeln

        hallo nochmal,

        das klappt leider nicht so wirklich gut. hier mal mein quelltext, von der seite, in der das hintergrundbild nicht mitscrollen soll. kann jemand den richtigen befehl einbauen und den neuen quelltext posten? danke!!! :-)

        <?php
        if (isset($_GET['start'])) {
        $start=$_GET['start'];
        };
        ?>
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
        <html>
        <STYLE>BODY {

        SCROLLBAR-FACE-COLOR: #f1b181;
        SCROLLBAR-HIGHLIGHT-COLOR: #777777;
        SCROLLBAR-SHADOW-COLOR: #777777;
        SCROLLBAR-3DLIGHT-COLOR: #777777;
        SCROLLBAR-ARROW-COLOR: #777777;
        SCROLLBAR-TRACK-COLOR: #f1b181;
        SCROLLBAR-DARKSHADOW-COLOR: #777777;
        }

        </STYLE>
        <head>
        <title>Gästebuch</title>
        <meta name="MSSmartTagsPreventParsing" content="TRUE">
        <link rel="stylesheet" type="text/css" href="file:///D|/%5B05%5D%20-%20webseiten/ulrikeneradt/gaestebuch/gastbuch.css">

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
        <body bgcolor="f1b181" background="../bilder/ulli-hintergrund.jpg" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
        <strong><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Gästebuch

        • Tragen Sie sich hier ein</font></strong><br>
          <br>
          <table width="425" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="238"><font face="Arial, serif"><b><a href="eintrag.php"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif">Eintrag
                hinzufügen </font></a></b></font></td>
              <td width="312"><div align="right"></div></td>
            </tr>
            <tr>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td> </td>
              <td> </td>
            </tr>
            <tr>
              <td colspan="2"><font size="2" font face="Arial">
                <?php
          require ("daten2.php");
          $verz=opendir("eintraege");
          while ($liste=readdir($verz)) {
          if (($liste!=".") && ($liste!="..")) {
          $dat_name[]=$liste;
          };
          };
          closedir ($verz);

        if (isset ($dat_name) && $dat_name <> 0) {
        sort($dat_name);
        $wieviele=count($dat_name);
        if(!(isset($start))) {
        $start=$wieviele;
        };
        $ende=$start-10;
        if ($ende < 0) {
        $ende=0;
        };
        $vor=$start;
        while (($start>=$ende) && ($start>0)) {
        $datei=fopen("eintraege/".$dat_name[$start-1],"r");
        flock($datei,LOCK_SH);
        $host=fgets ($datei,80);
        $name=fgets ($datei,80);
        $mail=fgets ($datei,80);
        $homepage=fgets ($datei,80);
        $text=fread ($datei,4096);
        $zeit=date("d.m.Y",$dat_name[$start-1]);
        $uhr=date("H:i",$dat_name[$start-1]);
        flock($datei,LOCK_UN);
        fclose($datei);
        if ($homepage != "\n") {
        if (!strstr($homepage,"http://")) {
        $homepage="http://".$homepage;
        };
        };
        $text=nl2br($text);
        print "<div style="text-align:left;">\n";
        if ($zeige_host)  {
        print "$host<br>\n";
        };
        print "Datum: $zeit um $uhr<br>\n";
        if ($zeige_nr) {
        print "Eintrag Nr. $start<br>\n";
        };
        if ($mail != "\n") {
        print "Name: <a href="mailto:$mail">$name</a><br>\n";
        } else {
        print "Name: $name<br>\n";
        };
        if ($homepage != "\n") {
        print "<a href="$homepage" target="_blank">$homepage</a><br><br>\n";

        } else { print "<br>";};
        print "Eintrag:</div>
        <p style="margin-left:0%;margin-right:0%;">$text
        </p>\n<hr width="100%">\n";
        $start--;
        };
        if ($start > 1) {
        $link=$start+1;
        print "<p style="text-align:center;"><a href="gastbuch.php?start=$link">Zu den nächsten 10 Einträgen</a></p>\n";
        };
        if ($start+20 < $wieviele) {
        $link=$vor+10;
        print "<p style="text-align:center;"><a href="gastbuch.php?start=$link">Zu den vorhergehenden 10 Einträgen</a></p>\n";
        };
        if (($start+20 >= $wieviele) && ($start+11 < $wieviele)) {
        $link=$wieviele;
        print "<p style="text-align:justify;"><a href="gastbuch.php?start=$link">Zu den vorhergehenden 10 Einträgen</a></p>";
        };
        };

        ?>
              </font></td>
          </tr>
        </table>
        <p>  </p>
        </body>
        </html>

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Text soll über Hintergrundbild scrollen

          Stefan Einspender Homepage des Autors
          – Informationen zu den Bewertungsregeln

          Hallo Kai,

          das klappt leider nicht so wirklich gut. hier mal mein quelltext, von der seite, in der das hintergrundbild nicht mitscrollen soll. kann jemand den richtigen befehl einbauen und den neuen quelltext posten? danke!!! :-)

          <STYLE>BODY {

          SCROLLBAR-FACE-COLOR: #f1b181;
          SCROLLBAR-HIGHLIGHT-COLOR: #777777;
          SCROLLBAR-SHADOW-COLOR: #777777;
          SCROLLBAR-3DLIGHT-COLOR: #777777;
          SCROLLBAR-ARROW-COLOR: #777777;
          SCROLLBAR-TRACK-COLOR: #f1b181;
          SCROLLBAR-DARKSHADOW-COLOR: #777777;
          }

          </STYLE>

          <link rel="stylesheet" type="text/css" href="file:///D|/%5B05%5D%20-%20webseiten/ulrikeneradt/gaestebuch/gastbuch.css">

          <body bgcolor="f1b181" background="../bilder/ulli-hintergrund.jpg" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

          die drei Bereiche sind die drei Stellen, wo Du die entsprechende
          CSS-Definition einbauen kannst, such Dir eine davon aus. Wenn es
          für alle Seiten gelten soll, die die externe CSS-Datei verwenden,
          dann schreibe es in gastbuch.css rein. Ansonsten solltest Du die
          CSS-Definition im HEAD-Bereich oder direkt im Element über das
          style-Attribut notieren.

          Viele Grüße,
          Stefan

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Text soll über Hintergrundbild scrollen

            DANKE - KLAPPT JETZT
            – Informationen zu den Bewertungsregeln

            danke!!! mittlerweile klappt es :-)
            ich hab gleich aber noch eine andere frage zur formatierung von buttons... der thread kommt gleich.

            danke für eure hilfe bei dieser sache hier :-)

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Text soll über Hintergrundbild scrollen

              Stefan Einspender Homepage des Autors
              – Informationen zu den Bewertungsregeln

              Hallo Kai,

              ich hab gleich aber noch eine andere frage zur formatierung von buttons... der thread kommt gleich.

              bitte versuche zuvor selbst eine Lösung zu finden, neben der FAQ von
              SELFHTML ist dabei natürlich auch das passende Kapitel in SELFHTML
              eine geeignete Anlaufstelle. Nicht zu vergessen das </archiv/> dieses
              Forums, http://selfsuche.teamone.de/ hilft Dir bei der Recherche und
              macht, falls Du Dich bemühst, Deine Frage vermutlich überflüssig ;-)

              Viele Grüße,
              Stefan

              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

  2. feststehendes Hintergrundbild (Wasserzeichen)

    Stefan Einspender Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Kai,

    wie kann ich es machen, dass das bild starr stehen bleibt und sich NUR der text bewegt, wenn ich den scrollbalken bewege?

    gibt es einen befehl "hintergrundbild verankern" oder so ähnlich?

    http://de.selfhtml.org/css/eigenschaften/hintergrund.htm hilft Dir.

    Viele Grüße,
    Stefan

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Text soll über Hintergrundbild scrollen

    nikola
    – Informationen zu den Bewertungsregeln

    hallo kai,
    kannst du mit css machen. probier folgendes: füg einfach beim Hintergrundbild als Attribut ein

    style="background-attachment:fixed;"

    dann bleibt dein hintergrundbild stehen und der text rollt darüber hinweg.
    oder komm ich grad durcheinander? also es ist entweder fixed oder scroll;-).probier mal

    hab nicht ganz verstanden: soll dein bild nun wiederholt werden oder nicht? wenn du die wiederholerei ausschließen willst, erweiter obiges einfach direkt nach dem semikolon um folgendes: background-repeat: no-repeat;
    schöne ostern

    Nikola

    hallo & frohe ostern allerseits,

    ich habe mal eine frage. es geht darum, dass ich einen scrollbaren text in meine html-seite einbauen möchte. soweit ja kein problem. ich habe allerdings ein hintergrundbild, welches sich immer wiederholt (nach unten und nach rechts - ganz normal).

    wie kann ich es machen, dass das bild starr stehen bleibt und sich NUR der text bewegt, wenn ich den scrollbalken bewege?

    gibt es einen befehl "hintergrundbild verankern" oder so ähnlich?

    danke schonmal :-)

    kai

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln