HTML, CSS und repeat-x

[exxe]

Ich bin dabei meine Homepage zu überarbeiten.

Mit repeat-x wiederholt man ja das Hintergrundbild so oft wie es grad gebracht wird.
Was ich jetzt aber noch nicht raus hab ist wie mache ich es jetzt das nur in einer zelle einer Tabelle das Hintergrundbild wiederholt wird?
Für die Navigation z.B. erste zelle linke ecke, dann x-mal das Hintergrundbild und in der dritten zelle die rechte ecke.

wär ganz gut wenn mir wer auf die Sprünge helfen könnte.

 

[KuchenKerze]

Das macht HTML automatisch:

<table width="200" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="30" background="file:bildchen_links"> </td>
    <td width="140" background="file:bildchen_mitte"> </td>
    <td width="30" background="file:bildchen_rechts"> </td>
  </tr>
</table>

Selbst wenn jetzt "bildchen_mitte" nur 1px breit ist wird es sooft wiederholt bis die 140px voll sind.

Gruss

 

[pajaa]

In den HTML-Code gehören keine Darstellungsanweisungen, dafür ist CSS da.
Du denkst dir einfach eine Klasse aus, die eben das Hintergrundbild beinhaltet, und weist diese dann der Zelle zu:

.zelle {
background: url(hintergrund.gif) #00000 repeat-x;
Anderes Zeug
 }

<table>
  <tr>
    <td class="zelle"> </td>
    <td class="zelle"> </td>
    <td class="zelle"> </td>
  </tr>
</table>

repeat-x beschränkt das Wiederholen des Bildes in X-Richtung. Will man das Bild kacheln, muss man keinerlei repeat-Anweisung geben.

 

[exxe]

danke
gleich direkt mal testen