✔ Problem mit Tabellen-Header

[SilverVegeto]

Hallo,
ich habe ein Problem mit einem Tabellen-Header. Ich habe eine Grafik für den Header erstellt, diese Grafik besteht aus 3 Teilen. 2 Teile sollen sich nicht in der Größe verändern - Das andere soll jenachdem wie groß Bereich 1 (siehe Dateianhang) ist die Größe ändern und somit den Header ausfüllen.

Ich habe schon verschiedene versuche gemacht, aber das will nicht funktionieren habt ihr eine Lösung?

 

[ArneH]

Hi,

ein Freund von mir hatte ein ähnliches Problem. Bei Ihm hat folgendes geholfen:

..
<!-- TD-Tag an der entsprechenden Stelle im Tabellen-Header -->
<td style="background-image:url(link-zum-bild.jpg); background-repeat:repeat;" width="100%"></td>
..

Gruß ArneH

 

[SilverVegeto]

Okay Danke, jetzt hab ich aber noch ein anderes Problem.
Der Header ist wenn ich mehrere TD-Tags mache nicht mehr richtig angeordnet.

Screen: - HIER -

<p align="center">
 <table width="100%" style="width: 100%" cellpadding="0" cellspacing="0" align="center" border="{$style['tableoutborder']}">
  <tr> 
   <td colspan="4" class="logobackground" align="left" style="background-image:url(images/Header_2.jpg); background-repeat:repeat;" width="100%"><img src="images/Header_1.jpg"></td>
   <td class="logobackground" align="right"><img src="images/Header_3.jpg"></td>
  </tr>
  <tr>
   <td width="1%" class="tableb" align="center" valign="top" style="border-left: 1px solid #ACACAC;">
   </td>
   <td width="17%" class="tableb" align="center" valign="top">
    $nav
   </td>
   <td width="82%" class="tableb" align="center" valign="top" style="border-right: 1px solid #ACACAC;">

 

[ArneH]

Hi,

Ich nehme mal an Header_1.jpg ist der linke Teil des Headers, Header_2.jpg ist der mittlere Teil, der sich anpassen soll und Header_3.jpg ist der rechte Teile des Headers?

Wenn dem so ist, dann versuche es wie folgt mal:

<tr> 
  <td class="logobackground" align="right"><img src="images/Header_1.jpg"></td>
  <td colspan="4" class="logobackground" align="left" style="background-image:url(images/Header_2.jpg); background-repeat:repeat;" width="100%"></td> 
  <td class="logobackground" align="right"><img src="images/Header_3.jpg"></td> 
</tr>

Gegebnenfalls, müsstest du da noch was am colspan="" ändern. Und ggf. die <td>-Eigenschaften an Header_1.jpg anpassen.. Habe es jetzt nicht ausprobiert. Sonst fällt mir ehrlich gesagt nichts anderes ein im Moment.

Gruß ArneH

 

[SilverVegeto]

Danke ich bin zwar schon weiter gekommen, aber noch nicht fertig.
Schaut selber: http://www.metzgerbude.de/site/forum/index.php
Gibt es eine Möglichkeit, das die Beite der unteren Tabelle nicht gleichlang sein muss wie die vom Header?

 

[Dr Dau]

Hallo!

Ja, die Möglichkeit gibt es..... z.b. so:

 <tr>
   <td colspan="2">
	<table width="100%" cellpadding="0" cellspacing="0" style="background-image:url(images/Header_2.jpg); background-repeat:repeat-x;">
	 <tr>
	 <td class="logobackground" width="50%" align="left"><img src="images/Header_1.jpg"></td>
	 <td class="logobackground" width="50%" align="right"><img src="images/Header_3.jpg"></td>
	 </tr>
	</table>
   </td>
</tr>

Gruss Dr Dau