Hinntergrund bilder???

  • Hallo


    Wollte mal fragen wie ich ein Hinnterhrundbild platzieren kann???
    Kann mir das villeicht jemand erklären.... die Codes die hier zum gleichen Thema gezeigt werden funktionieren bei mir irgendwie nicht...oder ich komm nicht ganz nach.
    Wäre sehr net wenn jemand der was davon versteht mir antworten könnte.


    Danke schon im Vorraus

  • Zitat von "/CH/enemy1291"

    ... wie ich ein Hintergrundbild platzieren kann???


    Bitte Frage noch präzisieren. Wenn nur ein Hintergrundbild eingeblendet werden soll und es egal ist wo (hauptsache Hintergrund), ist es was anderes, als wenn man es exakt platziert benötigt (z. B. hinter der Steuerung :) )


    Kleines Beispiel für Hintergrundbild, das Bildschirmfüllend ist, egal wie groß das Browserfenster ist.


    http://www.html-seminar.de/bei…intergrund_aufspannen.htm


    Gruß
    Axel

  • Hallo


    Danke vielmals für die schnelle Antwort.
    Eigentlich habe ich das schon so gemeint!


    Wie lautetder Code wenn ich es in einer Tabelle einfügen würde???
    Eigentlich interessiert mich beides(ganzes Bild und Tabelle). :D

  • Zitat von "/CH/enemy1291"

    Wie lautet der Code wenn ich es in einer Tabelle einfügen würde???


    Hier findest du den Beispielcode, um in Tabelle ein Hintergrundbild mit CSS anzuzeigen:


    <!-- m --><a class="postlink" href="http://www.html-seminar.de/beispielcode/css_bild_hintergrund_tabelle.htm">http://www.html-seminar.de/beispielcode ... abelle.htm</a><!-- m -->


    Darauf achten, dass das Hintergrundbild groß genug ist (ansonsten gibt es auf diese Art weiße Ränder :) )


    cu Axel

  • Hallo


    Ich komme einfachn nicht mer weiter, versuche nun scho seit Tagen diese verdammt*n Hintergrundbilder hinnzubekommen es klappt einfach nicht, mit keinem einzigen Code.
    Das ganze macht mich langsam aber sicher wahnsinnig!!!
    1. Alles was so im Forum dazu steht klappt nicht
    2. Mein Vater konnte mir von seinem Arbeitsplatz Bücher zu HTML mit bringen.
    Da steht z.B. damit ein Bild im ganzen Anzeigebereich gezeigt wird muss der Code
    <html>
    <head></head>
    <body background-image:url (dateinahmen)">


    </body>
    </html>
    eingegeben werden.
    Hier im Forum wird das ganz aber auch ohne das image einmal ohne das url und brauche ich erst eine Tabelle?????????????????????
    Ich probiere und probiere und probiere doch es klappt nieeeeeeeee!
    Das ganze funktioniert schon mit einam ganz normalen Bild von Google
    (lol... was fürne Frage)
    Bitte hilft mir jemand!!!
    HILFE

  • Respect Respect und gleich nochmal!!!


    Dia ganze Seite ansonst ist schon apsolut einzigartig...hab jedenfalls noch nichts vergleichbares gefunden!!!
    Den Preis für ein Buch zu HTML und CSS kann man sich sparen.
    Ich meine das ganze ist mit einem gewissen Zeitaufwand verbunden.
    Alles einfach erklärt usw...... .
    Danke vielmals.


    Es gibt villeicht schon einen Dankes-Trade, wollte ich trotzdem an dieser Stelle sagen



    :D:D:D .
    Grüsse aus der Schweiz

  • Nun meine ertste Frage(lol) was geht bei mir schief???
    Ich verstehe einfach nicht was.
    Natürlich habe ich das ganze mehr mals von Oben bis Unten durchgelesen.
    Dann habe ich mich an die Aufgabe gemacht mit dem repeat-x.
    Hat natürlilch nicht gefunzt.



    <html>


    <head>


    <title>Bild auf ganzen Hintergrund aufspannen</title>


    <style type="text/css">


    html, body {
    background:url( <img src="hintergrund-raufaser.gif" width="100" height="1500" alt="" />) repeat-x;


    font: 100% Verdana, Arial, Verdana, Helvetica, sans-serif;
    color: #0000FF;
    }


    </head>


    <body>
    </body>



    Bei meinem Code befidet sich zudem ein Abstand url:( "Abstand"<img usw....
    Das hinnten noch die Grösse des Bildes angeführt ist, ist mir schon klar!
    Doch das muss doch weggelassen werden oder nicht? Dann müste ich das ja deleten.
    Bei dir sieht das ganze jedoch so aus:


    background:url(../bilder/hintergrund-raufaser.gif) repeat-x;


    Siehst du den Unterschied? Warum ist das so...ist das der Fehler oder was mache ich falsch??????

  • Hallo


    Kann es villeicht daran liegen das ich den Browser "Mozilla Firefox" habe?
    Und die Bilddatei so irgenwie nicht gefunden wird.....oder was weiss ich!


    (Es ist mir klar das ich dich im Augenblick mit Fragen bombardiere...aber ich habe wirklich schon so Vieles probiert, und "schwer von Begriff" war ich biss jetzt in Sachen HTML und CSS noch nicht!)


    Danke schon im Vorraus.

  • Zitat von &quot;/CH/enemy1291&quot;

    Nun meine ertste Frage(lol) was geht bei mir schief???


    html, body {
    background:url( <img src="hintergrund-raufaser.gif" width="100" height="1500" alt="" />) repeat-x;


    Sollte so aussehen:
    background:url(pfad-zum-bild/dein-bild.gif) repeat-x;


    kein "width=100 height=1500 alt.... "


    Zitat von &quot;/CH/enemy1291&quot;

    Doch das muss doch weggelassen werden oder nicht? Dann müste ich das ja deleten.
    Bei dir sieht das ganze jedoch so aus:


    background:url(../bilder/hintergrund-raufaser.gif) repeat-x;


    Ja - so sieht es im Beispiel aus (was schlecht gewählt ist, da ich im Verzeichnis erst 2 runter gehe und dann wieder eins hoch - wird geändert).
    Schätzungsweise sieht es bei dir dann auf der Festplatte so aus, wenn du im Verzeichnis bilder das Bild gespeichert hast:


    Code
    background:url(bilder/hintergrund-raufaser.gif) repeat-x;


    probieren :)
    Gruß
    Axel

  • Hallo


    Wollte gleich wieder Fragen weils nicht gefunzt hat!


    Aber dann probierte iche es nocht auf eine Art die mir nie in den Sinn gekommen wäre.


    Bis jetzt habe ich das Bild immer "eingefügt". Desswegen gabs wohl all diese komischen img und serc usw...!
    Hab es dann mal nach deiner beschreibung gemacht also:


    background:url(bilder/hintergrund-raufaser.gif)


    Also mit diesem: Pfad zum Bild/Bild.


    Und es hat funktioniert!!!
    Werde mich nun mal an den 100% Hinntergrund wagen.




    :D:D:D:D:D:D:D:D:D

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!