Ankündigung

Einklappen
Keine Ankündigung bisher.

CSS / Tabelle / Hintergrundbild

Einklappen

Neue Werbung 2019

Einklappen
X
Einklappen
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige Weiter
  • #1

    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">
    Stichworte: -
  • #2
    Hallo,

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

    Gruß,
    Jumper, the II.

    Kommentar

    • #3
      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". 

      Kommentar

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

        Kommentar

        • #5
          ö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ß

          Kommentar

          • #6
            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"; 

            Kommentar

            • #7
              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?

              Kommentar

              • #8
                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?

                Kommentar

                • #9
                  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

                  Kommentar

                  • #10
                    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!

                    Kommentar

                    Vorherige Weiter
                    Lädt...
                    X