Ergebnis 1 bis 14 von 14
Thema: Background in HTML strecken Hi Ist es möglich das bg bild in einem HTML Dokument zu strecken ??? Standartgemäss ist es ja immer gekachelt ...
  1. #1
    gesperrt Avatar von Buri
    Registriert seit
    25.12.01
    Ort
    Ginnungagap
    Beiträge
    2.033

    Background in HTML strecken

    Hi

    Ist es möglich das bg bild in einem HTML Dokument zu strecken ???

    Standartgemäss ist es ja immer gekachelt und das sieht mist aus !!!

    Bitte hilfe !!!

  2.   Anzeige

     
  3. #2
    R.I.P. :-( Avatar von Netzhai
    Registriert seit
    24.12.01
    Ort
    Die thüringische Rhön am
    Beiträge
    3.318

    AW: Background in HTML strecken

    Hi Daishi

    kannste über *.css machen

    sieht dann so aus
    Code:
    .test { <-- name der css 
    	background-attachment: fixed; <-- nicht wiederholen/kacheln 
    	background-image: url(xxx.png);    <-- BG Bield 
    	background-repeat: no-repeat;  <--  scrollt nicht mit   
    	//background-position: 100% 100%; <-- strecken auf 100% (würd ich nicht tun) 
             background-position: center center; <-- mitte   
             background-color: #000000; <-- bg farbe 
             left: 50px; <-- abstand links 
    	top: 50px; <-- abstand oben 
    }
    oder in der html datei

    Code:
    <body bgcolor="#xxxxxx" background="images.jpg" text="#xxxxxx" link="#xxxxxx" vlink="#xxxxxx" alink="#xxxxxx" 
    leftmargin="50" topmargin="50" bgproperties="fixed" style="Background-Image: images.jpg); Background-Repeat: no-repeat; 
    background-position:center; background-position:top;">
    hier bleibt das bild in der mitte mit einem abstand von 50 (links und oben) und wiederholt sich nicht (kacheln) und scrollt nicht mit (fest also)



    ich hoffe eine version kannste gebrauchen
    Geändert von Netzhai (17.05.03 um 00:02 Uhr)

  4. #3
    Administrator Avatar von Astrominus
    Registriert seit
    03.09.01
    Ort
    Niefern
    Beiträge
    13.395

    AW: Background in HTML strecken

    Strecken kannst Du ein Hintergrundbild, meines wissens nicht.

    Aber Du kannst per CSS das Kacheln unterbinden.

    body {Background-Image: url(hinter.gif);
    Background-Repeat: no-repeat; }

    #Edit:
    Ups, Netzhai war schneller

  5. #4
    R.I.P. :-( Avatar von Netzhai
    Registriert seit
    24.12.01
    Ort
    Die thüringische Rhön am
    Beiträge
    3.318

    AW: Background in HTML strecken

    sorry Astro kommt nicht wieder vor

  6. #5
    Herzlich willkommen!
    Registriert seit
    16.09.08
    Beiträge
    7

    AW: Background in HTML strecken

    Hallo,
    Ich hätte gerne auf meiner seite eine zentrierung ( Die seite immer inner mitte)
    und dazu ein globales back ground, damitwen jemand nen gröseren bildschrim hat es keine weißen stellen gibt.

    Das Problem ist,das ich ein noop bin und nicht weis wie man dies mit html erreichen kann : ( .

  7. #6
    Außer Betrieb Avatar von QuHno
    Registriert seit
    15.05.02
    Ort
    "Provinz voll Leben"
    Beiträge
    8.855

    AW: Background in HTML strecken

    Erst einmal herzlich Willkommen im Forum!
    Setz Dich auf's Boardsofa und mach es Dir gemütlich.

    Nun zu Deinem Problem:
    Das Problem lässt sich mittels CSS lösen. Es stellt sich lediglich die Frage, was Du zentrieren willst:

    • Den Text auf der Webseite?
    • Einen Block mit dem gesamten Inhalt (außer dem Hintergrundbild), bei dem die Ränder rechts und links immer gleich breit sein sollen?
    • Soll der Inhaltsblock eine feste Breite haben (nicht wirklich empfehlenswert, da immer mehr Breitbildschirme in Gebrauch sind) oder soll er sich der Bildschirmgröße anpassen?
    • Soll der Hintergrund mitscrollen oder stehen bleiben?
    • Darf der Hintergrund kacheln, oder soll es nur ein Bild sein, welches nicht wiederholt wird?
    • ...

    Wenn Du das noch schreiben könntest, wäre es wesentlich einfacher, eine Antwort zu geben.

    PS: Dem "Noob"-Zustand lässt sich mit dieser Seite und dieser Seite sehr schnell abhelfen, die sind einfach und verständlich geschrieben und helfen, direkt von Anfang an grobe Fehler zu vermeiden. Wenn es dann ein wenig weiter "ins Eingemachte" gehen soll ist natürlich "die HTML Bibel" auch immer wieder einen Blick wert, bevor man sich wirklich hardcore mäßig auf diese Seiten (engl) stürzt
    Geändert von QuHno (16.09.08 um 08:20 Uhr)

  8. #7
    Herzlich willkommen!
    Registriert seit
    16.09.08
    Beiträge
    7

    AW: Background in HTML strecken

    Hallo also folgendes, die webseite besteht ja aus banner dan buttons und dem "schreibfeld"

    Das muster:
    -----------------------------------------------
    I
    I Banner
    I
    -----------------------------------------------

    -----------------------------------------------
    Buttons
    -----------------------------------------------

    -----------------------------------------------



    Schreibfeld



    -----------------------------------------------

    Der backgroun ist schwarz und mit scanlines durchzogen \ <--- solche halt übern ganzen background verteilt.

    Die drei ebenen der seie (Banner,Buttons,Schreibfeld) sollen immer in der mitte des browsers sein,und der background soll dan halt die weißen stellen füllen.

    @ offtopic
    Danke fürs wilkommen heisen!

  9. #8
    Herzlich willkommen!
    Registriert seit
    01.10.10
    Ort
    Wipshausen
    Beiträge
    4

    Fröhlich AW: Background in HTML strecken

    Guten Tag,

    Ich weiß dieser Thread is zwar schon älter, aber ich hab eine lösung dafür!

    HTML-Code:
    <html>
    <head>
    </head>
    <body bgcolor="#DDDDDD" text="red" marginheight=0 marginwidth=0 topmargin=0 leftmargin=0>
    <img src="Pfad/zum/Hintergrundbild.jpg" height=100% width=100%>
    <div style="position:absolute; left:0; top:0">
    
    <!-- hier kommt der eigentliche Inhalt hin!
    Und schon habt Ihr ein gestrecktes Hintergrundbild!
    Wichtig ist das der Text zwichen den Div-Tag's steht!//-->
    
    </div>
    </body>
    </html>
    Ich hoffe dies wird euch helfen!

    MfG.: Minimuecke
    ps: ich bin dann mal

  10. #9
    Außer Betrieb Avatar von QuHno
    Registriert seit
    15.05.02
    Ort
    "Provinz voll Leben"
    Beiträge
    8.855

    AW: Background in HTML strecken

    Das macht das Hintergrundbild nur so hoch und breit wie den Vieport ist und fixiert es nicht. Sobald der Inhalt im DIV so lang wird, dass er nicht mehr auf einen Bildschirm passt, und man scrollen muss, scrollt das Hintergrundbild mit.
    wenn man das ein klein wenig ändert, sollte das aber dennoch hin zu bekommen sein:

    HTML-Code:
    <div style="position:fixed;top:0;left:0;z-index:0;">
    <img src="Pfad/zum/Hintergrundbild.jpg" height="100%" width="100%">
    </div>
    <div style="position:absolute;top:0;left:0;z-index:3;">Hier der Inhalt</div>
    Oder wie einen Beitrag weiter oben erwähnt + fest definierter Höhe und Breite für das DIV sowie overflow:scroll; - gibt aber hässliche Scrollbalken in der Seite wie bei Frameseiten ...

    Oder alternativ mit Hilfe von ein paar Zeilen JavaScript, da manche Versionen des IE Probleme mit position:fixed haben.

  11. #10
    Herzlich willkommen!
    Registriert seit
    01.10.10
    Ort
    Wipshausen
    Beiträge
    4

    AW: Background in HTML strecken

    Zitat Zitat von QuHno Beitrag anzeigen
    Das macht das Hintergrundbild nur so hoch und breit wie der Vieport ist und fixiert es nicht. Sobald der Inhalt im DIV so lang wird, dass er nicht mehr auf einen Bildschirm passt, und man scrollen muss, scrollt das Hintergrundbild mit.
    wenn man das ein klein wenig ändert, sollte das aber dennoch hin zu bekommen sein:

    HTML-Code:
    <div style="position:fixed;top:0;left:0;z-index:0;">
    <img src="Pfad/zum/Hintergrundbild.jpg" height="100%" width="100%">
    </div>
    <div style="position:absolute;top:0;left:0;z-index:3;">Hier der Inhalt</div>
    Oder alternativ ein post weiter oben + fest definierter Höhe und Breite für das DIV sowie overflow:scroll ...

    Oder alternativ mit Hilfe von ein paar Zeilen JavaScript, da der IE manchmal Probleme mit position:fixed hat.
    Es gibt jedoch ein problem:
    Der Text lässt sich nichtmehr ausrichten!
    Aber es war wenigstens schonmal ein kleiner ansatz.
    Trotzdem danke!
    Geändert von Minimuecke (01.10.10 um 17:51 Uhr)

  12. #11
    Außer Betrieb Avatar von QuHno
    Registriert seit
    15.05.02
    Ort
    "Provinz voll Leben"
    Beiträge
    8.855

    AW: Background in HTML strecken

    Wieso? In dem Div kann man doch alle Elemente so ausrichten wie man Spaß daran hat...

  13. #12
    Herzlich willkommen!
    Registriert seit
    01.10.10
    Ort
    Wipshausen
    Beiträge
    4

    AW: Background in HTML strecken

    Zitat Zitat von QuHno Beitrag anzeigen
    Wieso? In dem Div kann man doch alle Elemente so ausrichten wie man Spaß daran hat...
    nachdem man das mit dem Hintergrundbild drinne hat lässt sich der Text nichtmehr ausrichten...
    zumindestens nicht bei mir!
    es funktioniert auf jeden fall dann nichtmehr...
    egal ob ich das in einer tabelle setze oder im DIV-Tag setze!

    MfG.:
    Minimuecke

  14. #13
    nicht mehr wegzudenken Avatar von MsvP
    Registriert seit
    06.03.01
    Ort
    Mettmann
    Beiträge
    382

    AW: Background in HTML strecken

    Wenn es auch einwenig javascript sein darf, gibt es eine sehr gute Möglichkeit mit diesem jQuery Plugin: Supersized – Full Screen Background/Slideshow jQuery Plugin | Build Internet!

    Ich habe es selbst vor kurzem bei diesem Blog verwendet:
    - Julia Gerlach

  15. #14
    assimiliert Avatar von Jochen 11
    Registriert seit
    09.01.04
    Ort
    01099
    Beiträge
    2.036

    AW: Background in HTML strecken

    Hintergrundgrafiken Strecken geht Standardmäßig erst ab CSS3: Background-size - CSS3 . Info
    Also am besten CSS3 nutzen und als Alternative den Vorschlag von MsvP per Browserweiche einbinden.

Ähnliche Themen

  1. Microsoft Security Bulletin informiert/Download
    Von Brummelchen im Forum Alles rund um Windows
    Antworten: 254
    Letzter Beitrag: 02.08.10, 19:29
  2. [HTML] Problem mit HTML und Background einbinden
    Von Natheedo im Forum Programmierung & Webdesign
    Antworten: 4
    Letzter Beitrag: 25.05.04, 23:59
  3. [HTML] html shrinker
    Von Gamma-Ray im Forum Programmierung & Webdesign
    Antworten: 4
    Letzter Beitrag: 12.12.03, 19:43
  4. Wie CHM Dateien nach HTML wandeln?
    Von QuHno im Forum Allgemeine Computerfragen
    Antworten: 16
    Letzter Beitrag: 23.05.03, 20:17
  5. No HTML Für Outlook Express
    Von SevenSpirits im Forum Sicherheit am PC
    Antworten: 0
    Letzter Beitrag: 16.08.02, 18:40

Berechtigungen

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

Search Engine Friendly URLs by vBSEO ©2011, Crawlability, Inc.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53