[HTML] Hintergrundbild in einer Scrollbar

Dieses Thema im Forum "Webdesign" wurde erstellt von x4you, 19. Oktober 2009 .

  1. 19. Oktober 2009
    Hintergrundbild in einer Scrollbar

    Hey Leute,

    ich will für eine Freundin eine kleine HP machen, nichts großes.
    Da zu will ich in eine Scrollbar die ich eingefügt hab ein Hintergrund bild machen.

    Ich kann das so:

    Code:
    <textarea name="textarea" cols="35" rows="14" readonly background-image:url(Laura und Ich3.png); background-attachment:fixed;>Text</textarea>
    Doch das Bild wird nicht angezeigt.

    Ich mache die Seite Offline im DW, alles ist im selben Ordner.

    Kann mir einer sagen warum das nicht geht?
     
  2. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    das muß in einen style rein

    HTML:
    <textarea name="textarea" cols="35" rows="14" style="background-image:url(Laura und Ich3.png); background-attachment:fixed;" readonly>Text</textarea>
    
     
  3. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    Hi,
    Es wird wahrscheinlich an den Leerzeichen liegen im Namen des Bildes ... oder so am Format.
    Versuch es mal mit einfachen Anführungszeichen also:
    Code:
    background-image:url('Laura und Ich3.png')
    
    oder mit normalen wenn das nicht klappt...
    Code:
    background-image:url("Laura und Ich3.png")
    
    oder mit dieser schreibweise hier...
    Code:
    background-image:url(Laura%20und%20Ich3.png)
    
    // Das von Onip scheint aber auch einleuchtend ^^ vor allem grenzen die Klammern den Pfadnamen ja schon ein ... lang nicht mehr geproggt in css

    So far...
    Weizenbier
     
  4. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    Ich hab alles ausprobiert.

    Mit "style" und alle schreibweisen, aber nichts geht. Der Hintergrund bleibt weiß.

    /e

    ok, mein fehler klappt doch!

    Danke .

    2. Problem.

    Es klappt ja alles.

    Nur wenn die gesamte Seite Scroll bar ist dann bleibt das bild da wo es ist. Es soll aber nur an seiner stelle bleiben wenn in der gemachten Scroolbar so viel text ist das man scrollen muss.
     
  5. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    Was war denn nun des Rätsels Lösung?

    ... Freut mich! ^^

    So far...
    Weizenbier
     
  6. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    Das "style" dahin musste.

    Weiß jmd eine antwort auf meine 2. Frage?
    zudem kommt noch eine kleine:
    Wie schreibe ich in einer Scrollbar Zentriert?
     
  7. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    probiers mal mit

    background-attachment:scroll;

    center:
    text-align: center

    wie wäre es wenn du dir das mal anschaust
    CSS 4 You - The Finest in Stylesheets: CSS-Referenz: Eigenschaften von A-Z
     
  8. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    Geht leider nicht.
    mit "fixed" gehts zwar aber da wird auf der Seite im Hintergrund mit dem Bild erstellt. Und da das bild nur 300x400px groß ist wird es aneinander gereiht und ich hab dann in der Scrollbar 4 ausschnitte des bildes.
     
  9. 19. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    der ie6 kann's nicht, sonst geht's bei mir.

    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    
    <body>
    
    <div style="height: 2000px;">
    <textarea name="textarea" cols="35" rows="14" style="background-image:url(image.png); color:#fff; text-align:center;" readonly>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es.</textarea>
    </div>
    
    </body>
    </html>
    
    // edit
    background-attachment:scroll;
    brauchst du nicht angeben, da standard wert.
     
  10. 24. Oktober 2009
    AW: Hintergrundbild in einer Scrollbar

    nur kleiner Tipp, lern halt erstmal HTML und CSS dann kannste deiner Freundin auch so was anbieten ansonsten wird sie das nicht glücklich machen. Sie ist vom Internet ja auch mehr gewohnt. Mindestens das mit dem Style tag sollte dir zu denken geben.
     
  11. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.