Autor |
Nachricht |
BD52
Threadersteller
Dabei seit: 29.08.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 07.10.2004 16:00
Titel Suche HTML-Code für Hintergrundbild. |
 |
|
hallo. weiß jemand den html quellcode um ein hintergrundbild auf fenstergröße anzupassen und nur einmal darzustellen?
bitte helfen. danke.
Zuletzt bearbeitet von BD52 am Do 07.10.2004 16:00, insgesamt 1-mal bearbeitet
|
|
|
|
 |
Kimmy
Dabei seit: 20.09.2002
Ort: kimland
Alter: 43
Geschlecht:
|
Verfasst Do 07.10.2004 16:09
Titel
|
 |
|
www.selfhtml.teamone.de hat geschrieben: | Code: | <html><head><title>background-repeat</title>
</head><body bgcolor="#FFFFFF" text="#000000">
<div style="background-image:url(background4.jpg); background-repeat:repeat-x;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der erste Bereich.<br>Ein Text, der sehr leicht<br>umbricht...usw.</p>
</div>
<div style="background-image:url(background4.jpg); background-repeat:repeat-y;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der zweite Bereich.<br>Ein Text, auch leicht umbricht....usw.</p>
</div>
<div style="background-image:url(background4.jpg); background-repeat:no-repeat;
margin:30px; border:thin solid #CCCCFF; font-size:150%">
<p>Der dritte Bereich.<br>Ein Text, auch leicht umbricht...usw.</p>
</div>
</body></html> |
Erläuterung:
Mit background-repeat: können Sie das Wiederholungsverhalten einer Hintergrundgrafik, die Sie mit background-image einbinden, kontrollieren. Erlaubt ist eine der folgenden Angaben.
repeat = wiederholen (Voreinstellung).
repeat-x = nur "eine Zeile lang" waagerecht wiederholen.
repeat-y = nur "eine Spalte lang" senkrecht wiederholen.
no-repeat = nicht wiederholen, nur als Einzelbild anzeigen.
|
und für die größe gibste einfach die selbe größe beim bild und beim fesnter an
Zuletzt bearbeitet von Kimmy am Do 07.10.2004 16:11, insgesamt 1-mal bearbeitet
|
|
|
|
 |
Anzeige
|
|
 |
Benutzer 3558
Account gelöscht
Ort: -
|
Verfasst Do 07.10.2004 16:14
Titel
|
 |
|
>
kimi, glaub du hast da nicht richtig gelesen...
kommt auf den verwendungszweck an, aber
eigentlich reicht es, wenn du das image in
breite und höhe einfach auf "100%" setzt:
Code: | <img src="dateiname.jpg" width="100%" height="100%" border="0"> |
Zuletzt bearbeitet von am Do 07.10.2004 16:15, insgesamt 1-mal bearbeitet
|
|
|
|
 |
BD52
Threadersteller
Dabei seit: 29.08.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 07.10.2004 16:14
Titel
|
 |
|
und wie kommt des dann in den hintergrund??
Zuletzt bearbeitet von BD52 am Do 07.10.2004 16:20, insgesamt 1-mal bearbeitet
|
|
|
|
 |
BD52
Threadersteller
Dabei seit: 29.08.2004
Ort: -
Alter: 40
Geschlecht:
|
Verfasst Do 07.10.2004 16:20
Titel
|
 |
|
dp hat geschrieben: | >
kimi, glaub du hast da nicht richtig gelesen...
kommt auf den verwendungszweck an, aber
eigentlich reicht es, wenn du das image in
breite und höhe einfach auf "100%" setzt:
Code: | <img src="dateiname.jpg" width="100%" height="100%" border="0"> |
 |
so ist es jetzt auf 100% aber noch net im hintergrund...
|
|
|
|
 |
Benutzer 3558
Account gelöscht
Ort: -
|
Verfasst Do 07.10.2004 16:49
Titel
|
 |
|
>
siehst du, jetzt hab ich nicht richtig gelesen...
also in den hintergrund kriegst du das wie kimi oben geschrieben hat, z.b. so (nur nicht seiten-füllende 100%): Code: | <body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" style="background-image:url(dateiname.jpg); background-repeat:no-repeat;"> |
alternative: vielleicht in einen <layer> als hintergrund?! habs selber noch nie gemacht und gebraucht... Code: | <layer name="xyz" top="0" left="0" width="100%"> 'xyz = irgendein Name
<img src="dateiname.jpg" width="100%" height="100%" border="0">
</layer>
|
oder besser mit css:
Code: | <body style="height:100%;">
<div style="position:absolute;left:0;top:0;height:100%;">
<img src="bla" width="100%" height="100%" /> </div>
<div style="position:absolute;left:0;top:0;"> (content hier) </div>
</body>
|
oder mal hier suchen: http://de.selfhtml.org/ oder http://www.google.de
|
|
|
|
 |
Waschbequen
Account gelöscht
Ort: -
|
|
|
|
 |
Bloody_Roots
Dabei seit: 13.05.2004
Ort: -
Alter: 39
Geschlecht:
|
Verfasst Do 07.10.2004 17:45
Titel
|
 |
|
etwa so
<body>
<table border="0"...... style="background-image: url('../bla.gif'); background-repeat: no-repeat; background-position-y:50%">
|
|
|
|
 |
|
|
 |
Ähnliche Themen |
HTML code für Hintergrundbild
Hintergrundbild in HTML E-Mail geht nicht?
[HTML/CSS] Hintergrundbild erst ab Höhe X beginnen lassen
HTML-Code
HTML/CSS Code
Fehler im HTML-Code, wo?
|
 |