Mr.Stringer
Ich fange erst langsam mit html an, deshalb hoffe ich auf Hilfe.
Dieser kleine 4 Zeiler hat einen weißen Hintergrund, klar wegen bgcolor="#ffffff",
wenn ich aber bgcolor="#ffffff" lösche, dann erscheint der 4 Zeiler mit schwarzem Hintergrund.
Der 4 Zeiler ist
hier zu sehen
Wie mache ich es um den 4 Zeiler transparent zu bekommen ?
Was muß ich wo eintragen um ein Hintergrundbild erscheinen zu lassen ?
| code: |
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:
|
<html>
<body bgcolor="#666666">
<br><center>
<table bgcolor="#000000" cellspacing="0" cellpadding="1">
<tr>
<td>
<table cellspacing="0" cellpadding="1">
<tr>
<td bgcolor="#ffffff" colspan="4" align="center">
<smallfont>Suchmaschine <b><a href="http://www.google.de" target="_blank">Google </a></b> oder <b><a href="http://www.google.de" target="_blank">Google</a></b></font>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" colspan="4" align="center">
<smallfont>Besucht doch einmal den Zoo</b></a></font>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" colspan="4" align="center">
<b>Partner von ? ? ?</b>
</td>
</tr>
<tr>
<td bgcolor="#ffffff">
<img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
<td bgcolor="#ffffff">
<img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
</td>
<td bgcolor="#ffffff">
<img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
<td bgcolor="#ffffff">
<img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
</tr>
</table>
</td>
</tr>
</center>
</table>
</body>
</html> |
|
codingnoob
Schau mal: Du hast in Zeile 6 der Tabelle die schwarze Hintergrundfarbe gegeben (<table bgcolor="#000000" cellspacing="0" cellpadding="1">). Da die Zellen ja in der Tabelle liegen, nehmen sie dann die Farbe an, wenn sie selbst keine Hintergrundfarbe haben.
Daher müsste das auch noch raus.
Hintergrundbilder:
Ich weiß inzwischen gar nicht mehr, wie man mit HTML Hintergrundbilder verteilt. Aber du kannst (fast) jedem Element auf die folgende Weise mit CSS ein Hintergrundbild zuweisen:
<td style="background: url(verzeichnis/zu/deinem_bild.png);">
Wenn das Bild kleiner ist als das Element, wird es so ständig wiederholt. Wenn es das nicht soll, dann schreibe:
<td style="background: url(verzeichnis/zu/deinem_bild.png) no-repeat;">
Mit repeat-x und repeat-y (statt des no-repeat) kannst du das Bild nur nach rechts (x) bzw. unten (y) wiederholen lassen.
Mr.Stringer
Danke für deine schnelle Hilfe, transparent habe ich jetzt hinbekommen.
Leider wird jetzt die 4.te Zeile unter dem IE nicht mehr angezeigt, wohl aber mit Firefox
???
Das mit dem Hintergrundbild verstehe ich noch nicht ganz, da probiere ich ein wenig.
codingnoob
Deine Zellen-Tags sind nicht geschlossen.
Du hast überall
<td <img ...>
statt
<td><img ...>
Also die schließende Klammer ("größer als") fehlt bei den öffnenden td-Tags.
Mit den Hintergrundbildern:
Wenn jetzt einer Tabellenzelle (<td>) ein Hintergrundbild geben willst, dann schreibst du quasi:
<td style="background: url(verzeichnis/zu/deinem_bild.png);">
In der Klammer (das
url( ) bleibt!) schreibst du Verzeichnis und Dateiname von deinem Bild.
Mr.Stringer
ich sehe ich mache noch viele Fehler,
jetzt habe ich meinen Hintergrund nur im 4 Zeiler, wo ist jetzt der Fehler ?
| code: |
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:
|
<html>
<br><center>
<table cellspacing="0" cellpadding="1">
<tr>
<td>
<table <td style="background: url(http://freenet-homepage.de/bildfuchs/bilder/ricebk.jpg);" cellspacing="0" cellpadding="1">
<tr>
<td colspan="4" align="center">
<smallfont>Suchmaschine <b><a href="http://www.google.de" target="_blank">Google </a></b> oder <b><a href="http://www.google.de" target="_blank">Google</a></b></font>
</td>
</tr>
<tr>
<td colspan="4" align="center">
<smallfont>Besucht doch einmal den Zoo</b></a></font>
</td>
</tr>
<tr>
<td colspan="4" align="center">
<b>Partner von ? ? ?</b>
</td>
</tr>
<tr>
<td> <img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
<td> <img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
<td> <img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
<td> <img src="http://freenet-homepage.de/bildfuchs/bilder/nochfrei.gif" border=0 alt="noch frei" />
</td>
</tr>
</table>
</td>
</tr>
</center>
</table>
</body>
</html> |
|
codingnoob
Ich wusste nicht, wo du den Hintergrund haben willst.
Du musst das jeweils dem Tag von dem Element geben, das den Hintergrund haben soll.
So kannst du der ganzen Seite (<body>), einer Tabelle (<table>) oder einzelnen Tabellenzellen (<td>) und noch dutzenden anderen Elementen nen Hintergrund geben.
Ich hab vielleicht mein Beispiel mit dem Tabellenzellen-Hintergrund unglücklich gewählt.
Zum Einen:
Dein Code geht so gar nicht.
| code: |
1:
|
<table <td style="background: url(http://freenet-homepage.de/bildfuchs/bilder/ricebk.jpg);" cellspacing="0" cellpadding="1"> |
|
Du hast in deinem <table> drin noch einen weiteren Tag reingemacht, nämlich den <td> mit dem style-Attribut.
Der Code, den du in einem Tag reinschreiben musst für das Hintergrundbild, ist also nur das
| code: |
1:
|
style="background: url(http://freenet-homepage.de/bildfuchs/bilder/ricebk.jpg);" |
|
Wenn du der Tabelle da den Hintergrund geben willst, wäre das dann
| code: |
1:
|
<table style="background: url(http://freenet-homepage.de/bildfuchs/bilder/ricebk.jpg);" cellspacing="0" cellpadding="1"> |
|
Da du aber, so wie ich dich verstehe, der ganzen Seite den Hintergrund geben willst, musst du dem <body>-Tag den Hintergrund zuweisen.
Der ist von deinem ersten Code-Beispiel zu deinem zweiten übrigens verloren gegangen.
Also schreibe in Zeile 2 (in deinem Fall), um der ganzen Seite den Hintergrund zu geben:
| code: |
1:
|
<body style="background: url(http://freenet-homepage.de/bildfuchs/bilder/ricebk.jpg);"> |
|
Mr.Stringer
@codingnoob
Vielen lieben Dank, du hast mir sehr geholfen, werde deine Anleitungen gleich abspeichern, zum nachlesen.
@Master-X
Danke für diesen sehr interressanten Link
meine Wünsche sind alle erfüllt worden
codingnoob
Du kannst sie auch hier stehen lassen, ich glaub nicht, dass jemand sie hier plötzlich verschwinden lässt.
Aber wenn ich helfen kann, tu ich das doch.
Wenn du gezielt Informationen zu einzelnen Tags, die du benutzten möchtest oder benutzt, haben möchtest, kannst du auch
http://de.selfhtml.org/ befragen.
Das ist zwar zum aufbauenden Lernen (wie Fremdsprachen in der Schule oder so) nicht so geeignet, aber zum Nachschlagen ist es prima.
