Ergebnis 1 bis 9 von 9
  1. #1
    Trojaner
    Registriert seit
    03.11.2010
    Beiträge
    84

    Standard Hintergrundbild zentrieren

    Hallo, hab frisch mit html angefangen, deswegen diese Anfängerfrage. Ich benutze phase 5 als editor und ich möchte dass das Hintergrundbild als einzellnes in der Mitte zentriert ist. Also wenn ich das Bild anwähle als Hintergrund, dann ist es so gestreut, also es kommt mehrmals vor. Ich möchte aber dass es nur einmal vorkommt, genau in der Mitte. Habe im Internet schon ein bisschien rumgeschaut und versucht was dort gepostet wurde zu kopieren etc. aber ging irgendwie nie..

    also momentan sieht die seite so aus:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>startbutton</title>
    <meta name="author" content="admin">
    <meta name="editor" content="html-editor phase 5">
    </head>
    <body text="#000000" bgcolor="#262626" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <body background="Bilder/startbutton1.jpg"
    </body>
    </html>
    Geändert von sn0w (17.04.2012 um 22:11 Uhr) Grund: Code Tags
    Es ist kein Zeichen von Gesundheit, an eine von Grund auf kranke Gesellschaft gut angepasst zu sein.

  2. #2
    Support-Hure Avatar von sn0w
    Registriert seit
    18.09.2007
    Beiträge
    1.919

    Standard AW: Hintergrundbild zentrieren


    Boardregeln | SuFu | Blackmarket | PM

    Fragezeichen und Ausrufezeichen sind keine Rudeltiere!


  3. #3
    Anfänger
    Registriert seit
    10.12.2010
    Beiträge
    17

    Standard AW: Hintergrundbild zentrieren

    Dafür währe es nützlich die CSS Eigenschaften background-image, background-repeat und background-position zu kennen.
    // Edit: Link zu der CSS "Klasse" Background hat Snow schon gepostet...

    Mit deinem "Body" tag machst du einfach folgendes in CSS:
    Bei background-image gibst du dein Bild an bei background-repeat sagst du das du keine wiederhohlungen (repeats) willst und bei background position sagst du das das bild in die mitte soll.
    Ich glaube bei FF und Safari musst du auch noch background-attachment richtig angeben damit das geht...
    // Edit: nicht safari sondern opera, und bg-attachment muss auf fixed (fixiert) gestellt sein
    Geändert von nelson1109 (17.04.2012 um 22:20 Uhr)

  4. #4
    Trojaner
    Registriert seit
    03.11.2010
    Beiträge
    84

    Standard AW: Hintergrundbild zentrieren

    Aber wie genau hängt man das dann an? Hatte da schon ein paar Sachen probiert aber haben nie geklappt.
    Es ist kein Zeichen von Gesundheit, an eine von Grund auf kranke Gesellschaft gut angepasst zu sein.

  5. #5
    Support-Hure Avatar von sn0w
    Registriert seit
    18.09.2007
    Beiträge
    1.919

    Boardregeln | SuFu | Blackmarket | PM

    Fragezeichen und Ausrufezeichen sind keine Rudeltiere!


  6. #6
    Trojaner
    Registriert seit
    03.11.2010
    Beiträge
    84

    Standard AW: Hintergrundbild zentrieren

    Hab das nur zur Hälfte verstanden.. und so mal rein geschrieben aber nichtmal das klappt so oder was genau mache ich da falsch?

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>startbutton</title>
    <meta name="author" content="admin">
    <meta name="editor" content="html-editor phase 5">
    </head>
    <body text="#000000" bgcolor="#262626" link="#FF0000" alink="#FF0000" vlink="#FF0000">
    <body {
            background-image: url("C:\Program Files (x86)\phase5\Projekte\Tutorial\Bilder\startbutton1.jpg");
            }
    </body>
    </html>
    Es ist kein Zeichen von Gesundheit, an eine von Grund auf kranke Gesellschaft gut angepasst zu sein.

  7. #7
    Anfänger
    Registriert seit
    10.12.2010
    Beiträge
    17

    Standard AW: Hintergrundbild zentrieren

    Der zweite Bodytag (der übrigens nichtmal geschlossen wird) ist total falsch.
    Die Style angaben müssen in einen eigenen tag. (style)
    HTML-Code:
    <style type="text/css">
    body {
      ((image, attachment, position etc.))
    }
    </style>
    Ansonsten kann man auch noch die Style sachen direkt in den Tag einbinden.
    HTML-Code:
    <body style="((img, attachment, position etc.))"></body>
    Ausserdem kann man ein stylesheet auch extern einbinden...

    Das kann man alles schön bei selfhtml nachlesen (schritt für schritt damit du das auch wirklich alles verstehst, wenn du bloß was einfügst wovon du keine ahnung hast ist das irgendwie sinnlos)
    Geändert von nelson1109 (17.04.2012 um 23:11 Uhr)

  8. #8
    Trojaner
    Registriert seit
    03.11.2010
    Beiträge
    84

    Standard AW: Hintergrundbild zentrieren

    Ich will es auch verstehen aber es klappt ja nichtmal was ich hier eingebe, weder
    Code:
    <style type="text/css">
    <body {
            ((background-image: url("C:\Program Files (x86)\phase5\Projekte\Tutorial\Bilder\startbutton1.jpg"));
            }
    </style>
    </body>
    noch
    Code:
    <body style="((background-image: url(C:\Program Files (x86)\phase5\Projekte\Tutorial\Bilder\startbutton1.jpg))"></body>
    Es ist kein Zeichen von Gesundheit, an eine von Grund auf kranke Gesellschaft gut angepasst zu sein.

  9. #9
    Support-Hure Avatar von sn0w
    Registriert seit
    18.09.2007
    Beiträge
    1.919

    Standard AW: Hintergrundbild zentrieren

    Lies dir die Tutorials durch und fertig. Da du hier keinerlei Initiative zeigst ist hier nun Schluß mit der Hilfe.

    Boardregeln | SuFu | Blackmarket | PM

    Fragezeichen und Ausrufezeichen sind keine Rudeltiere!


Ähnliche Themen

  1. [S] Jemanden der mir ein Hintergrundbild mit einem Namen erstellen kann.
    Von gh0st040* im Forum GFX Angebote & Wünsche
    Antworten: 10
    Letzter Beitrag: 16.09.2010, 19:04
  2. [Global] Google ermöglicht jetzt Hintergrundbild für die Suche
    Von hl2.exe im Forum Globale News / Szene News
    Antworten: 19
    Letzter Beitrag: 09.06.2010, 21:43
  3. [S] sig avatar und hintergrundbild
    Von Arain im Forum GFX Angebote & Wünsche
    Antworten: 4
    Letzter Beitrag: 12.09.2009, 04:38
  4. Ordner mit Hintergrundbild
    Von Blade2 im Forum Sonstige Programmiersprachen
    Antworten: 0
    Letzter Beitrag: 18.09.2008, 14:43
  5. [S] Hintergrundbild
    Von Montaxx im Forum GFX Angebote & Wünsche
    Antworten: 0
    Letzter Beitrag: 08.08.2008, 18:30

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •