YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Wie mache ich diese Tabelle transparent ? » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 3.185 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen Wie mache ich diese Tabelle transparent ?
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Mr.Stringer Mr.Stringer ist männlich
Mitglied


Dabei seit: 04.03.08
Beiträge: 8
Forenversion: 1.2

 Wie mache ich diese Tabelle transparent ? Antworten Zitieren Editieren Melden       UP

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>
03.04.08 21:08 Mr.Stringer ist offline E-Mail Finden Als Freund hinzufügen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

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.

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

03.04.08 21:15 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Mr.Stringer Mr.Stringer ist männlich
Mitglied


Dabei seit: 04.03.08
Beiträge: 8
Forenversion: 1.2

Themenstarter Thema begonnen von Mr.Stringer
Antworten Zitieren Editieren Melden       UP

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 geschockt ???

Das mit dem Hintergrundbild verstehe ich noch nicht ganz, da probiere ich ein wenig.
03.04.08 21:38 Mr.Stringer ist offline E-Mail Finden Als Freund hinzufügen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

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.

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

03.04.08 21:45 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Mr.Stringer Mr.Stringer ist männlich
Mitglied


Dabei seit: 04.03.08
Beiträge: 8
Forenversion: 1.2

Themenstarter Thema begonnen von Mr.Stringer
Antworten Zitieren Editieren Melden       UP

Freude 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>
03.04.08 21:57 Mr.Stringer ist offline E-Mail Finden Als Freund hinzufügen
Master-X Master-X ist männlich
Lucky Strike Raucher


images/avatars/avatar-4816.gif

Dabei seit: 29.12.05
Beiträge: 4.367
Fähigkeiten: WBB2 Profi; WBB Lite 1 Profi
Forenversion: 3.0; 2.3

Antworten Zitieren Editieren Melden       UP

http://www.css4you.de/background-repeat.html

Sollte dir weiterhelfen Augenzwinkern

__________________
Mit freundlichen Grüßen
Master-X

Master-X.de - persönliche Internetpräsenz
RollerTuningPage.de - Administrator

03.04.08 22:02 Master-X ist offline WWW Finden Als Freund hinzufügen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

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);">


__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

03.04.08 22:03 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Mr.Stringer Mr.Stringer ist männlich
Mitglied


Dabei seit: 04.03.08
Beiträge: 8
Forenversion: 1.2

Themenstarter Thema begonnen von Mr.Stringer
Antworten Zitieren Editieren Melden       UP

@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

smile meine Wünsche sind alle erfüllt worden
03.04.08 22:08 Mr.Stringer ist offline E-Mail Finden Als Freund hinzufügen
codingnoob
Don't hit 'em boon.


images/avatars/avatar-4466.gif

Dabei seit: 16.01.04
Beiträge: 2.756

Antworten Zitieren Editieren Melden       UP

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.

__________________
… mfG, cn …
– Siehe auch: last.fm wBB-User-Group
Vorsicht! User bringt gefährliches Halbwissen in Umlauf!

Kein Support per PN! Dafür ist das Forum da. Auch keine Hinweise auf Threads per PN!

Meine Kritik an deinem Forum, Style, … ist hart? Oh. … das Positive siehst du als Erschaffer ja selbst.

03.04.08 22:13 codingnoob ist offline E-Mail Finden Als Freund hinzufügen Füge codingnoob in deine Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Wie mache ich diese Tabelle transparent ?