Hintergrundbild für ein Tabellenkästchen! von kajuma, 22.12.2008 15:32

Hintergrundbild für ein Tabellenkästchen!

kajuma 21.12.2008 23:01

design/layout

Hi,

also zunächst einmal: Da ich nie so genau weis wie die Dinge heißen die ich suche, finde ich meist auch nichts! Bastel mir eine Website und stehe vor folgendem Problem!

Meine Website besteht aus einem Puzzle aus Grafiken. Im Photoshop entworfen! Kann ich eine Grafik rausnehmen, irgendwas (z.B) ein Ticker einfügen und die Grafik als Hintergrund machen?

Beziehungsweise, kann ich irgendwie mit Ebenen Arbeiten und so über eine Grafik Schrift usw. legen?

Ich habe einen Countdwon anstatt einer Grafik gesetzt. Kann ich da die Grafik irgendwie wieder als "Hintergrund", oder so, einfügen?

Danke euch !

Meine Seite sieht bisher so aus:

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>www.kajumavidz.de</title>

body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults / padding: 0; text-align: center; / this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector / color: #000000; } .oneColFixCtr #container { width: 822px; / using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar / background: #FFFFFF; margin: 0 auto; / the auto margins (in conjunction with a width) center the page / border: 1px solid #000000; text-align: center; / this overrides the text-align: center on the body element. / } .oneColFixCtr #mainContent { padding: 0 20px; / remember that padding is the space inside the div box and margin is the space outside the div box */ } .style2 {font-size: 100px} .style4 {font-size: 25px} .style5 {font-size: 20px} .style6 {color: #FF0000}

--> </style>

var CountdownJahr = 2008; var CountdownMonat = 12; var CountdownTag = 24; var CountdownStunde = 18; var CountdownMinute = 00; var CountdownSekunde = 0;

function CountdownAnzeigen() { var Jetzt = new Date(); var Countdown = new Date(CountdownJahr, CountdownMonat-1, CountdownTag, CountdownStunde, CountdownMinute, CountdownSekunde); var MillisekundenBisCountdown = Countdown.getTime()-Jetzt.getTime(); var Rest = Math.floor(MillisekundenBisCountdown/1000); var CountdownText = "";

if(Rest >= 31536000) { var Jahre = Math.floor(Rest/31536000); Rest = Rest-Jahre*31536000;

if(Jahre > 1 || Jahre == 0) { CountdownText += Jahre + " Jahre "; } else if(Jahre == 1) { CountdownText += Jahre + " Jahr "; } } if(Rest >= 86400) { var Tage = Math.floor(Rest/86400); Rest = Rest-Tage*86400;

if(Tage > 1 || Tage == 0) { CountdownText += Tage + " Tage "; } else if(Tage == 1) { CountdownText += Tage + " Tag "; } } if(Rest >= 3600) { var Stunden = Math.floor(Rest/3600); Rest = Rest-Stunden*3600;

if(Stunden > 1 || Stunden == 0) { CountdownText += Stunden + " Stunden "; } else if(Stunden == 1) { CountdownText += Stunden + " Stunde "; } } if(Rest >= 60) { var Minuten = Math.floor(Rest/60); Rest = Rest-Minuten*60;

if(Minuten > 1 || Minuten == 0) { CountdownText += Minuten + " Minuten "; } else if(Minuten == 1) { CountdownText += Minuten + " Minute "; } }

if(Rest > 1 || Rest == 0) { CountdownText += Rest + " Sekunden "; } else if(Rest==1) { CountdownText += Rest + " Sekunde "; }

document.getElementById('Countdown').innerHTML = CountdownText; window.setTimeout("CountdownAnzeigen()", 1000); } //--> </script>

</head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="CountdownAnzeigen();">

<table id="Table_01" width="823" height="625" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="24"> <img src="images/Website_01.jpg" width="822" height="28" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="28" alt=""></td> </tr> <tr> <td colspan="19" rowspan="2"> <img src="images/Website_02.jpg" width="717" height="98" alt=""></td> <td colspan="3"><img src="images/Website_03.jpg" width="78" height="78"></td> <td colspan="2" rowspan="4"> <img src="images/Website_04.jpg" width="27" height="141" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="78" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/Website_05.jpg" width="78" height="20" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="20" alt=""></td> </tr> <tr> <td colspan="3" rowspan="3"> <img src="images/Website_06.jpg" width="52" height="48" alt=""></td> <td> <img src="images/Website_07.jpg" width="96" height="32" alt=""></td> <td colspan="3" rowspan="2"> <img src="images/Website_08.jpg" width="41" height="43" alt=""></td> <td colspan="2"> <img src="images/Website_09.jpg" width="113" height="32" alt=""></td> <td rowspan="2"> <img src="images/Website_10.jpg" width="12" height="43" alt=""></td> <td colspan="2"> <img src="images/Website_11.jpg" width="113" height="32" alt=""></td> <td rowspan="2"> <img src="images/Website_12.jpg" width="9" height="43" alt=""></td> <td> <img src="images/Website_13.jpg" width="112" height="32" alt=""></td> <td rowspan="2"> <img src="images/Website_14.jpg" width="12" height="43" alt=""></td> <td colspan="2"> <img src="images/Website_15.jpg" width="113" height="32" alt=""></td> <td rowspan="2"> <img src="images/Website_16.jpg" width="9" height="43" alt=""></td> <td colspan="4"> <img src="images/Website_17.jpg" width="113" height="32" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="32" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/Website_18.jpg" width="96" height="16" alt=""></td> <td colspan="2"> <img src="images/Website_19.jpg" width="113" height="11" alt=""></td> <td colspan="2"> <img src="images/Website_20.jpg" width="113" height="11" alt=""></td> <td> <img src="images/Website_21.jpg" width="112" height="11" alt=""></td> <td colspan="2"> <img src="images/Website_22.jpg" width="113" height="11" alt=""></td> <td colspan="4"> <img src="images/Website_23.jpg" width="113" height="11" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="11" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/Website_24.jpg" width="37" height="5" alt=""></td> <td colspan="17" rowspan="3"> <img src="images/Website_25.jpg" width="626" height="36" alt=""></td> <td rowspan="14"> <img src="images/Website_26.jpg" width="11" height="455" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="5" alt=""></td> </tr> <tr> <td rowspan="13"> <img src="images/Website_27.jpg" width="11" height="450" alt=""></td> <td colspan="5"> <img src="images/Website_28.jpg" width="174" height="28" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="28" alt=""></td> </tr> <tr> <td rowspan="11"> <img src="images/Website_29.jpg" width="10" height="410" alt=""></td> <td colspan="3" rowspan="2"> <img src="images/Website_30.jpg" width="155" height="33" alt=""></td> <td rowspan="11"> <img src="images/Website_31.jpg" width="9" height="410" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="3" alt=""></td> </tr> <tr> <td colspan="2" rowspan="10"> <img src="images/Website_32.jpg" width="17" height="407" alt=""></td> <td colspan="12"><span class="style2"> <span class="style4"> <span class="style5"> <marquee scrollamount="5" scrolldelay="50" align="middle" height="30" width="580" bgcolor="#FFFFFF"> <b>!!! Letzte Aktualisierung: <span class="style6">22.12.2008</span> --> !!!</b> </marquee> </span> </span> </span></td> <td colspan="3" rowspan="4"> <img src="images/Website_34.jpg" width="29" height="96" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="30" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/Website_35.jpg" width="155" height="33" alt=""></td> <td colspan="12" rowspan="3"> <img src="images/Website_36.jpg" width="580" height="66" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="33" alt=""></td> </tr> <tr> <td colspan="3"> <img src="images/Website_37.jpg" width="155" height="32" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="32" alt=""></td> </tr> <tr> <td colspan="3" rowspan="2"> <img src="images/Website_38.jpg" width="155" height="32" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td colspan="13" rowspan="3" bgcolor="#FFFFFF">

<p align="left">Es dauert noch...</p> <p align="center"><span id="Countdown"></span></p> <p align="right">...bis Weihnachten.</p>

</td> <td colspan="2" rowspan="6"> <img src="images/Website_40.jpg" width="20" height="311" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="31" ......

Beitrag melden

– Informationen zu den Bewertungsregeln

Hintergrundbild für ein Tabellenkästchen!
kajuma 22.12.2008 15:32

design/layout
– Informationen zu den Bewertungsregeln
Hi,
hab die Antwort gefunden!

Mit

<td style="background-image:url(beispielbild.jpg)"colspan="13" rowspan="3" >

kann man einen Hintergrund festlegen!

Somit hat sich mein Problem geklärt!

Danke
Beitrag melden

–
Informationen zu den Bewertungsregeln
1. Hintergrundbild für ein Tabellenkästchen!
  
  EKKi 23.12.2008 09:46
  
  design/layout
  – Informationen zu den Bewertungsregeln
  Mahlzeit kajuma,
  
  Somit hat sich mein Problem geklärt!
  
  Nicht wirklich:
  
  1.) http://www.woodshed.de/publikationen/dialog-robot.html
  
  2.) Zitat 121
  
  3.) Zitat 576
  
  4.) Zitat 1068
  
  5.) Zitat 1322
  
  MfG,
  EKKi
  
  --
  sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
  Beitrag melden
  
  –
  Informationen zu den Bewertungsregeln
  Übersicht
  
  alle Foren
  
  SELFHTML-Forum
  
  anmelden
  
  Benutzerkonto erstellen
  
  Beitrag im Thread-Baum

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

kajuma: Hintergrundbild für ein Tabellenkästchen!