Delphi-PRAXiS

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   [HTML] Hintergrund strecken (https://www.delphipraxis.net/32100-%5Bhtml%5D-hintergrund-strecken.html)

Neutral General 18. Okt 2004 18:54
[HTML] Hintergrund strecken
 
Kann man irgendwie einstellen das das hintergrundbild nicht gekachelt sonder gestreckt wird also sowas wie

Delphi-Quellcode:
<BODY BACKGROUND="beispiel.jpg" STRETCH="TRUE">
ich habs im Moment so :

Delphi-Quellcode:
<HTML>
<HEAD>
<TITLE>HINTERGRUND</TITLE>
</HEAD>
<BODY BACKGROUND="images/bg.jpg">
...
</BODY>
</HTML>
aber da wird das hintergrundbild eben gekachelt ... :(

Meflin 18. Okt 2004 18:57
Re: [HTML] Hintergrund strecken
 
mit css kannst du verhindern dass es gekachelt wird, bzw. nur in eine richtung kacheln lassen. aber stell dir mal vor was für ein sch... dabei rauskommt wenn du dein bild stretchen lässt :shock: auf 800*600, 1280*768, 1200*1024 etc usw... das kann nicht gut gehen ;-)

Neutral General 18. Okt 2004 18:58
Re: [HTML] Hintergrund strecken
 
Glaub mir einfach das es gut aussehen wird :mrgreen:
(Wenn nicht dann werd ichs ja sehn ..)
Könnte ich vielleicht ein Beispiel haben ?

Meflin 18. Okt 2004 19:00
Re: [HTML] Hintergrund strecken
 
nunja es wäre mir völlig neu dass man den hintergrund stretchen kann. oder willst du beispiele fürsnicht kacheln?

Neutral General 18. Okt 2004 19:02
Re: [HTML] Hintergrund strecken
 
ja entweder fürs nicht kacheln oder fürs stretchen...

Hier is das BG-Bild doch auch gestretcht oder ?

http://www.blizzard.de/wow1/townhall/

Meflin 18. Okt 2004 19:06
Re: [HTML] Hintergrund strecken
 
nö, der wird in x-richtung gekachelt! und zwar so:
Code:
<style type = "text/css">
BODY { BACKGROUND-COLOR: #000000; BACKGROUND-IMAGE: url('/wow1/images/pagebg.jpg'); BACKGROUND-REPEAT: repeat-x; }
</style>

Nonsense 18. Okt 2004 19:12
Re: [HTML] Hintergrund strecken
 
Zitat:
Zitat von Meflin
nö, der wird in x-richtung gekachelt! und zwar so:
Code:
<style type = "text/css">
BODY { BACKGROUND-COLOR: #000000; BACKGROUND-IMAGE: url('/wow1/images/pagebg.jpg'); BACKGROUND-REPEAT: repeat-x; }
</style>
Kleiner Tipp:
Man schreibt alle Tags und Attribute klein (inkl. Farbangaben (#ffffff anstatt #FFFFFF)). Wäre sonst nicht XHTML konform. Und wir wollen doch in die Zukunft schauen. :wink:

Ansonsten: http://www.drweb.de/xml/xhtml.shtml

Neutral General 18. Okt 2004 19:13
Re: [HTML] Hintergrund strecken
 
*verdrückt* :wall:

Meflin 18. Okt 2004 19:14
Re: [HTML] Hintergrund strecken
 
Zitat:
Zitat von Nonsense
Zitat:
Zitat von Meflin
nö, der wird in x-richtung gekachelt! und zwar so:
Code:
<style type = "text/css">
BODY { BACKGROUND-COLOR: #000000; BACKGROUND-IMAGE: url('/wow1/images/pagebg.jpg'); BACKGROUND-REPEAT: repeat-x; }
</style>
Kleiner Tipp:
Man schreibt alle Tags und Attribute klein (inkl. Farbangaben (#ffffff anstatt #FFFFFF)). Wäre sonst nicht XHTML konform. Und wir wollen doch in die Zukunft schauen. :wink:

Ansonsten: http://www.drweb.de/xml/xhtml.shtml
ist ja ein zitat aus dem von neutral genannten quelltext! ich würds NIE groß schreiben! aber schau dir mal den quelltext der webseite an zum :kotz: en...

Nonsense 18. Okt 2004 19:16
Re: [HTML] Hintergrund strecken
 
Zitat:
Zitat von Meflin
ist ja ein zitat aus dem von neutral genannten quelltext! ich würds NIE groß schreiben! aber schau dir mal den quelltext der webseite an zum :kotz: en...
Ja, da kommt ein das schaudern.
Besonders weil ich immer in XHTML 1.0 Strict schreibe. :wink:

himitsu 18. Okt 2004 22:51
Re: [HTML] Hintergrund strecken
 
Zitat:
Zitat von Neutral General
ja entweder fürs nicht kacheln oder fürs stretchen...

Hier is das BG-Bild doch auch gestretcht oder ?

http://www.blizzard.de/wow1/townhall/
Nein, wird es nicht.

Im Hindergrund ist ein Großes Bild und das was im Vordergrund ist, das sind mehrere kleine Teilbilder.




Das hintergrundbild selber kann man nicht strechen, aber man kann z.B. ein Bild in der linken/oberen Ecke beginnen lassen und dieses anpassen

Code:
<img ... width="100%" height="100%">

Pseudemys Nelsoni 22. Okt 2004 02:36
Re: [HTML] Hintergrund strecken
 
und wie geht das per CSS?

himitsu 22. Okt 2004 08:02
Re: [HTML] Hintergrund strecken
 
Also, wie gesagt ...
- es gibt kein Stretch für's Hintergrundbild.
- es ist nur ein Bild für'n Hintergrund möglich
...

hier sind aber mal die Formatierungen, um jeweile ein Bild links/oben und ein anderes rechts unten anzuzeigen - natürlich jeweiles in eigenen Objekten (z.B. unterschiedlichen Zellen 'ner Tabelle)
Code:
background-image: url(background_LT.gif);
background-repeat: no-repeat;
background-position: left top;

background-image: url(background_RB.gif);
background-repeat: no-repeat;
background-position: right bottom;


oder:


background: url(background_LT.gif) no-repeat left top;

background: url(background_LB.gif) no-repeat right bottom;
Oder halt z.B. 2 Div's übereinander legen (left, top, width und height entsrechend setzen) - in das hintere Div ein <img ... width="100%" height="100%"> reinmachen und schon ist das Bild genau so groß, wie die Div's - ins'n vordere Div passte ja dann ales gewünschte rein.


PS: zum Glück versuch ich erstmal "HTML 4.01 Strict"-Kompatiebel zu werden und nich irgendwas mit XML ... da ist das mit der Schreibung (Groß/Klein ...) nicht ganz so brutal :P


Alle Zeitangaben in WEZ +1. Es ist jetzt 19:11 Uhr.

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024-2025 by Thomas Breitkreuz