CSS / Tabelle / Hintergrundbild

SvenLittkowski · 28.09.2006, 00:47

Hallo!

Warum wird das Hintergrundbild einer Tabelle nicht angezeigt?

Code:

<table border="0" cellpadding="0" cellspacing="3" style="border-collapse: collapse" bordercolor="#111111" width="95%" height="90" style="background-image:url(../v/Deco/Finger.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center">

JumperII · 28.09.2006, 01:41

Hallo,

vielleicht, weil style nur einmal pro Tag angegeben werden darf?

Gruß,
Jumper, the II.

SvenLittkowski · 28.09.2006, 11:05

Nein, habe es auch schon probiert...

So sieht es jetzt aus. Ist zwar PHP, macht aber keinen Unterschied.

PHP-Code:

             "    <table border=\"0\" cellpadding=\"0\" cellspacing=\"3\" bordercolor=\"#111111\" width=\"95%\" height=\"90\" style=\"border-collapse: collapse; ". 

           "background-image:url(../v/Deco/Finger.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center\">\n".

           "      <tr>\n".

           "        <td width=\"100%\" height=\"90\" align=\"center\" valign=\"middle\" class=\"Headline\">".

           "<font color=\"#FFFFFF\">[b]Click here to read the entire story.[/b]</font>".

           "        </td>\n".

           "      </tr>\n".

           "    </table>\n".

agrajag · 28.09.2006, 12:02

Hast du schon überprüft ob das Bild tatsächlich unter "../v/Devo/Finger.jpg" erreichbar ist?

PsychoEagle · 28.09.2006, 12:07

öhm, kann man überhaupt dem table-Tag ein Hintergrundbild zuweisen? Dachte das geht nur mit einer Zelle (=> <td>)

Wenn es doch der Tabelle zuweisbar ist, dann probiers trotzdem mal mit der Zelle, anscheinend hast du eh nur eine.

Gruß

SvenLittkowski · 28.09.2006, 15:16

Nein, nach wie vor funktioniert es nicht. Die Datei existiert am Zielort, und inwischen habe ich den Style in die Zelle (statt der Tabelle) eingefügt.

Woran liegt es? Funktioniert der gleiche Code bei Euch?

PHP-Code:

    $MyStory="<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\" bordercolor=\"#394FB5\" width=\"100%\" height=\"100\" ".

           "bgcolor=\"#13CFD9\">\n".

           "  <tr>\n".

           "    <td width=\"100%\" height=\"100\" align=\"center\" valign=\"middle\" style=\"background-image:url(../v/Deco/Finger.jpg); ".

           "background-repeat: no-repeat; background-attachment: fixed; background-position: center\">\n".

           "    <table border=\"0\" cellpadding=\"0\" cellspacing=\"3\" bordercolor=\"#111111\" width=\"95%\" height=\"90\" style=\"border-collapse: collapse;\">\n".

           "      <tr>\n".

           "        <td width=\"100%\" height=\"90\" align=\"center\" valign=\"middle\" class=\"Headline\" style=\"background-image:url(../v/Deco/Finger.jpg); ".

           "background-repeat: no-repeat; background-attachment: fixed; background-position: center\">".

           "<font color=\"#FFFFFF\">[b]Click here to read the entire story.[/b]</font>".

           "        </td>\n".

           "      </tr>\n".

           "    </table>\n".

           "    </td>\n".

           "  </tr>\n".

           "</table>\n";

agrajag · 28.09.2006, 15:44

Erstmal solltest du dieses wirrwarr aus CSS und HTML-Attributen aufräumen...
Und was wird das überhaupt wenn's fertig ist - zwei scheinbar sinnlos verschachtelte Tabellen... .
Was willst du eigetnlich erreichen?

Nimm mal das background-attachment: fixed raus - wird nun das Hintergrundbild sichtbar dargestellt?

SvenLittkowski · 28.09.2006, 16:09

Die eine Tabell gibt mir einen Rand (Border), die andere den Abstand zur äußeren Tabelle.

Bis jetzt kann ich dies mit meinen zur Zeit erreichten Kenntnissen noch nicht mit CSS und nur einer einzigen tabelle erreichen.

Die Frage bleibt aber: wie kann ich die Grafik zentriert einmal im Hintergrund anzeigen?

RudiS · 28.09.2006, 17:43

Versuch doch mal diesen HTML-Code:

Code:

<html>
	<head>
		<title></title>
		<link rel="stylesheet" type="text/css" href="test.css">
	</head>
	<body>
		<div class="text">
			Click here to read the entire story.
		</div>
	</body>
</html>

Und dieser CSS-Datei:

Code:

.text
{
	/* Außen- und Innenabstand */
	margin:1em;
	padding:2.5em;
	
	/* Rahmen- und Hintergrundfarbe */
	border:1px solid #394fb5;
	background-color:#13cfd9;
	
	/* Textausrichtung, -farbe und -formatierung */
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	
	/* Hintergrund */
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(test.jpg);
}

Dann kannst du auf diese ganzen Tabellen verzichten und brauchst nur noch den einen <div>-Container.
Schau dir dazu auch mal das an: http://css4you.de
mfg RudiS

SvenLittkowski · 28.09.2006, 18:40

Hallo Rudi (und alle anderen hilfsbereiten Geister),

vielen echten Dank für Eure Hilfe! Ich habe inzwischen das Problem auf andere Art gelöst. Rudi's Konzept gefällt mir dennoch besser als mein eigenes,w elches ich inzwischen umgesetzt habe. Gute Denkanstöße dank Euch allen, also nochmals meinen Dank!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Normalisierung einer chaotischen Tabelle	maeck	Datenbanken	10	12.12.2006 18:17
Zeilenanzahl einer tabelle mit WHERE aber ohne schleife?	sovereign	Datenbanken	13	17.04.2006 20:34
[Erledigt] Problem mit dem Füllen einer Tabelle über Formular		PHP Tipps 2006	18	10.01.2006 12:51
Problem mit Anzeige einer Tabelle mit dem Firefox?		HTML, Usability und Barrierefreiheit	8	28.11.2005 15:08
[Erledigt] Tabelle aktualisieren		Datenbanken	3	23.11.2005 09:54
[Erledigt] Problem mit mySQL		Datenbanken	7	27.09.2005 12:06
[Erledigt] mysql abfrage über 4 Tabelle - bis 3 geht, bei der 4. habert		Datenbanken	2	08.09.2005 11:59
tabelle in tabelle ohne aussenrand	noskule	HTML, Usability und Barrierefreiheit	6	25.08.2005 14:17
Tabelle im DIV-Container zentrieren		HTML, Usability und Barrierefreiheit	1	21.04.2005 22:28
[Erledigt] Interne Tabelle (DB Tabelle in Array auslesen)		PHP Tipps 2005	10	29.03.2005 17:08
HTML Tabellenzeile in Tabelle einfügen?		Datenbanken	2	28.01.2005 00:28
Tabelle in Tabelle ausrichten		HTML, Usability und Barrierefreiheit	7	03.01.2005 14:32
[Erledigt] Ganze Tabelle ausgeben		PHP Tipps 2004-2	1	21.11.2004 16:48
Sortieren anhand einer zweiten Tabelle		PHP Tipps 2004	6	20.09.2004 09:03
HILFE: Column count doesn't match value count at row 1		Datenbanken	17	12.06.2004 16:45

28.09.2006, 00:47
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	CSS / Tabelle / Hintergrundbild Hallo! Warum wird das Hintergrundbild einer Tabelle nicht angezeigt? Code: <table border="0" cellpadding="0" cellspacing="3" style="border-collapse: collapse" bordercolor="#111111" width="95%" height="90" style="background-image:url(../v/Deco/Finger.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center"> __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

28.09.2006, 01:41
JumperII Erfahrener Benutzer Registriert seit: 26.07.2006 Beiträge: 121	Hallo, vielleicht, weil style nur einmal pro Tag angegeben werden darf? Gruß, Jumper, the II.

28.09.2006, 11:05
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	Nein, habe es auch schon probiert... So sieht es jetzt aus. Ist zwar PHP, macht aber keinen Unterschied. PHP-Code: " <table border=\"0\" cellpadding=\"0\" cellspacing=\"3\" bordercolor=\"#111111\" width=\"95%\" height=\"90\" style=\"border-collapse: collapse; ". "background-image:url(../v/Deco/Finger.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center\">\n". " <tr>\n". " <td width=\"100%\" height=\"90\" align=\"center\" valign=\"middle\" class=\"Headline\">". "<font color=\"#FFFFFF\">[b]Click here to read the entire story.[/b]</font>". " </td>\n". " </tr>\n". " </table>\n". __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven

28.09.2006, 12:02
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Hast du schon überprüft ob das Bild tatsächlich unter "../v/Devo/Finger.jpg" erreichbar ist? __________________ Today you...Tomorrow me.

28.09.2006, 12:07
PsychoEagle there's only one psycho Registriert seit: 21.08.2007 Beiträge: 1.283 PHP-Kenntnisse: Anfänger	öhm, kann man überhaupt dem table-Tag ein Hintergrundbild zuweisen? Dachte das geht nur mit einer Zelle (=> <td>) Wenn es doch der Tabelle zuweisbar ist, dann probiers trotzdem mal mit der Zelle, anscheinend hast du eh nur eine. Gruß __________________ "Weaseling out of things is important to learn. It's what separates us from the animals ... except the weasel." (Homer J. Simpson)

28.09.2006, 15:16
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	Nein, nach wie vor funktioniert es nicht. Die Datei existiert am Zielort, und inwischen habe ich den Style in die Zelle (statt der Tabelle) eingefügt. Woran liegt es? Funktioniert der gleiche Code bei Euch? PHP-Code: $MyStory="<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\" style=\"border-collapse: collapse\" bordercolor=\"#394FB5\" width=\"100%\" height=\"100\" ". "bgcolor=\"#13CFD9\">\n". " <tr>\n". " <td width=\"100%\" height=\"100\" align=\"center\" valign=\"middle\" style=\"background-image:url(../v/Deco/Finger.jpg); ". "background-repeat: no-repeat; background-attachment: fixed; background-position: center\">\n". " <table border=\"0\" cellpadding=\"0\" cellspacing=\"3\" bordercolor=\"#111111\" width=\"95%\" height=\"90\" style=\"border-collapse: collapse;\">\n". " <tr>\n". " <td width=\"100%\" height=\"90\" align=\"center\" valign=\"middle\" class=\"Headline\" style=\"background-image:url(../v/Deco/Finger.jpg); ". "background-repeat: no-repeat; background-attachment: fixed; background-position: center\">". "<font color=\"#FFFFFF\">[b]Click here to read the entire story.[/b]</font>". " </td>\n". " </tr>\n". " </table>\n". " </td>\n". " </tr>\n". "</table>\n"; __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven

28.09.2006, 15:44
agrajag Moderator Registriert seit: 02.10.2006 Beiträge: 3.820 PHP-Kenntnisse: Fortgeschritten	Erstmal solltest du dieses wirrwarr aus CSS und HTML-Attributen aufräumen... Und was wird das überhaupt wenn's fertig ist - zwei scheinbar sinnlos verschachtelte Tabellen... . Was willst du eigetnlich erreichen? Nimm mal das background-attachment: fixed raus - wird nun das Hintergrundbild sichtbar dargestellt? __________________ Today you...Tomorrow me.

28.09.2006, 16:09
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	Die eine Tabell gibt mir einen Rand (Border), die andere den Abstand zur äußeren Tabelle. Bis jetzt kann ich dies mit meinen zur Zeit erreichten Kenntnissen noch nicht mit CSS und nur einer einzigen tabelle erreichen. Die Frage bleibt aber: wie kann ich die Grafik zentriert einmal im Hintergrund anzeigen? __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven

28.09.2006, 18:40
SvenLittkowski Erfahrener Benutzer Registriert seit: 05.09.2004 Beiträge: 578	Hallo Rudi (und alle anderen hilfsbereiten Geister), vielen echten Dank für Eure Hilfe! Ich habe inzwischen das Problem auf andere Art gelöst. Rudi's Konzept gefällt mir dennoch besser als mein eigenes,w elches ich inzwischen umgesetzt habe. Gute Denkanstöße dank Euch allen, also nochmals meinen Dank! __________________ Vielen Dank für Eure Zeit, Absicht, Mühe und für Eure Ideen. Grüße, Sven