Hintergrundbild
karla
- html
0 Sönke Tesch0 Thomas J.S.0 karla0 Thomas J.S.0 karla
hallo zusammen,
ich versuche ein bild als hintergrund einzustellen, das Problem dabei ist: ich möchte dass das bild sich nicht wiederhold und das es sich der große meine <tr> anpasst.
Nun habe ich nicht nur ein tr sondern mehrere, das bild solte sich gleichmäßig (zentriert) ausstrecken.
Im moment bin ich mit den befehl
<body style="background-image:url(logo4Adela1.gif); background-repeat:no-repeat; background-position:middel;">
am ende, ich weiss nicht was ich noch brauche um das bils richtig zu positionieren.
der befehl background-position:middel; positioniert das bild in der mitte der gesamte seite in der tatsächlichen bildgroße, es verteilt das bild nicht!
ich hoffe jemand kann mir bald weiterhelfen!
vielen dank!
karla
ich versuche ein bild als hintergrund einzustellen, das Problem
dabei ist: ich möchte dass das bild sich nicht wiederhold und das
es sich der große meine <tr> anpasst.
Dazu müsstest du per Javascript:
a) Bild laden.
b) Höhe und Breite des Bildes entsprechend der Höhe und Breite deines <tr>-Elements anpassen (image.height/width beim Bild, document.all.<element>.offsetHeight/.offsetWidth beim Element).
c) Dem Element das Bild zuweisen (document.all.<element>.setattribute(CSS-Angabe); ).
Nicht allzu aufwendig, aber ab b) funktioniert's nur noch mit dem Internet Explorer. Und ob das Ergebnis die Mühe wert ist..
Gruß,
soenk.e
Dazu müsstest du per Javascript:
a) Bild laden.
b) Höhe und Breite des Bildes entsprechend der Höhe und Breite
deines <tr>-Elements anpassen (image.height/width beim Bild,
document.all.<element>.offsetHeight/.offsetWidth beim Element).
c) Dem Element das Bild zuweisen (document.all.<element>.setattribute(CSS-Angabe); ).
Nicht allzu aufwendig, aber ab b) funktioniert's nur noch mit dem
Internet Explorer. Und ob das Ergebnis die Mühe wert ist..
Nochmal drüber geschlafen und einen Nachtrag: ab c) geht's überhaupt nicht mehr, weil man über setattribute nur URLs angeben kann, aber nicht ein Bild aus einem JavaScript.
Gruß,
soenk.e
hallo,
ich versuche ein bild als hintergrund einzustellen, das Problem dabei ist: ich möchte dass das bild sich nicht wiederhold und das es sich der große meine <tr> anpasst.
<body style="background-image:url(logo4Adela1.gif); background-repeat:no-repeat; background-position:middel;">
was hat jetzt dein <tr> mit <body> zu tun?
background-position:middel; ist falsch!
background-position:middle; wäre richtg.
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
der befehl background-position:middel; positioniert das bild in der mitte der gesamte seite in der tatsächlichen bildgroße, es verteilt das bild nicht!
du möchtest das bild also bei bedarf skalieren? und das für ein <tr>?
mit css geht das nicht. und ich zweifle daran, dass es mit javascript so zu schaffen ist, dass es mehr als in einem browser funktioniert. bzw. mit einem so enormen aufwand, dass sich die frage nach der sinnhaftigkeit des ziels stellt.
grüße
thomas
der befehl background-position:middel; positioniert das bild in der mitte der gesamte seite in der tatsächlichen bildgroße, es verteilt das bild nicht!
du möchtest das bild also bei bedarf skalieren? und das für ein <tr>?
mit css geht das nicht. und ich zweifle daran, dass es mit javascript so zu schaffen ist, dass es mehr als in einem browser funktioniert. bzw. mit einem so enormen aufwand, dass sich die frage nach der sinnhaftigkeit des ziels stellt.
was ich möchte ist ein bild als hintergrund, so wie z.B. am computer, wenn mann ein bild als hintergrund stellt. aber! ich möchte dieses bild in einem bestmmten bereich meiner seite darstellen.
leider weiss ich nicht wie es funktioniert und ob es möchlich ist.
danke
gruß
karla
Hallo,
was ich möchte ist ein bild als hintergrund, so wie z.B. am computer, wenn mann ein bild als hintergrund stellt. aber! ich möchte dieses bild in einem bestmmten bereich meiner seite darstellen.
das mit dem in eiem bestimmten bereich ist hier das problem, was du noch präzisieren müsstest.
ich wollte z.B. mein hintergrundbild unbeding zentriert in der seite haben: http://www.meta-text.net/files/sitemap.html das ist möglich.
du kannst das hintergrundbild auch an einer bestimmten stelle in der seite positionieren.
was du nicht kannst (bzw. dann muss du wirklich alles in deiner seite pixelgenau positionieren) ist das du dein bild unter einer bestimmten <tr> ercheinen läßt und dass du das bild scalierst wenn sich der <tr> verändern. das ist nich möglich.
grüße
thomas
das mit dem in eiem bestimmten bereich ist hier das problem, was du noch präzisieren müsstest.
hier mein quelltext:
<body style="background-image:url(logo4Adela1.gif); background-repeat:no-repeat; background-position:6cm 2cm;">
<table>
*****************************************************************
<tr>
<td colspan="2" align="center"><font size="+2">Paginas Interesantes</font>
</td>
</tr>
<tr>
<td>Esta pagina esta en los momentos en construccion.
</td>
</tr>
<tr>
<td width="50">Bild
</td>
</tr>
<tr align="left">
<td width="50">
</td>
<td width="100"><li>text</li>
</td>
</tr>
<tr align="left">
<td width="50">
</td>
<td width="100"><li>text</li>
</td>
</tr>
<tr align="left">
<td width="50">
</td>
<td width="100"><li>text</li>
</td>
</tr>
<tr align="left">
<td width="50">
</td>
<td width="100"><li>text</li>
</td>
</tr>
<tr align="left">
<td width="50">
</td>
<td width="100"><li>text</li>
</td>
</tr>
<tr align="left">
<td width="50">
</td>
<td width="100"><li>text</li>
</td>
</tr>
*******************************************************************
<tr >
<td height="550" align="right" colspan="2"><img src="totop.gif" width=618 height=51 alt="" border="0">
</td>
</tr>
</table>
</body>
der bereich zwischen den sternen (*) dort soll das bild erscheinen, und zwar sollte sich das hintergrundbild dem ganzen bereich anpassen. (so wie ein hintergrundbild den man im destopeinstellt)
gruß
karla
hallo,
hier mein quelltext:
der bereich zwischen den sternen (*) dort soll das bild erscheinen, und zwar sollte sich das hintergrundbild dem ganzen bereich anpassen.
ok, das ist jetzt wirklich präzisiert.
es geht nicht.
ich weiss, es ist nicht die antwort die du lesen wolltest, aber das was du möchtest ist eben nicht möglich.
grüße
thomas
ps: die konstruktion:
<td width="100"><li>text</li></td>
ist falsch. listenelemente (<li>) gehören in listen (<ol> oder <ul>) nicht aber bloß in eine <td>