[HTML] Dynamischer Header

[Chrissi91]

Hi,

ich möchte gerne einen dynamischen Header haben wie bei WordPress. Ich habe dabei eine HTML - Tabelle:

Code:

<table width="900" height="601" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="5">[img]images/2.jpg[/img]</td>
    <td rowspan="6">[img]images/3.jpg[/img]</td>
  </tr>

2.jpg ist hier mein eigentlicher Banner mit Slogan, etc. Auf der rechten Seite ist nur ein 1 Pixel breiter Farbverlauf, der bis zum Ende des Fensters fortgeführt werden soll. Also, dass man weder scrollen muss, noch ein weißer Rand auf der rechten Seite bleibt.

Ich hoffe, ich konnte mein Problem darstellen.

Grüße aus Berlin

Chrissi91

P.S.: Unter welchem Stichwort könnte ich bei SelfHTML suchen? Mir fällt da keines ein.

[Andreas L.]

Ich weiß jetzt ehrlich gesagt nicht was du mit dynamischer Header meinst. Aber wenn du den farbverlauf so strecken willst das die ganze rechte Seite gefüllt ist dann machs so:

XML-Code:

< img src="images/3.jpg" width="100%" height="600" alt="" >

[Matze]

Oder mit css:

Code:

#header_back {
  background-image: url('images/3.jpg');
  background-repeat: repeat-x;
}

<td rowspan="6" id="header_back"></td>

Kannst's natürlich auch mit <div> lösen.

Edit: Oder kompakter müsst's so gehen:

Code:

<td rowspan="6" style="background: url('images/3.jpg') repeat-x"></td>

[Chrissi91]

Danke erstmal für eure Hilfe.

Auf diese Idee bin ich auch schon gekommen, aber bei beidem ändert sich nichts. Ich müsste "rein teoretisch", weil ich die Breite von dem rechten Bild nicht weiß folgendes schreiben:

Code:

<td rowspan="6">[img]images/3.jpg[/img]</td>

Aber wie mache ich das funktionsfähig? ^^ :zwinker:

[Matze]

Ich sagte doch, wie du's machen sollst. Setze das Hintergrundbild auch als solches ein. Dein Logo liegt dann drüber. Mein Code zeigt das. Berechnungen kannst du nicht ausführen.

Hier mal ein Schema:

Code:

<td style="background: url('hintergrund.jpg') repeat-x">[img]logo.jpg[/img]</td>