Tabellenzelle anpassen

[Andy]

Hi,

wie bekomm ich es hin, dass sich eine Tabellenzelle (zB die letzte der Navi) sich bis ans Ende der Page (Bis zur Fußzeile) "dehnt"
und der Hintergrund sich dann horizontal immer wiederholt?

Vielen Dank,
Andy

[afra]

Hallo Andy!

Indem Du auf eine Tabelle als Designträger verzichtest und dies mit einem sematischen Element aufbaust, dies könnte im einfachsten Fall ein sich in y-Richtung wiederholendes Body Hintergrundbild sein, das oberhalb der von dir gewünschten Wiederholung von anderen Hintergründen überdeckt wird.

Ohne Beispielquelltext und Anwendung ist eine echte Hilfe aber fast unmöglich.

Schönen Gruß

Afra

[Andy]

Hi, erstmal Danke für die schnelle Antwort!! www.team-crank.de Hier auf der Page unter der Navi.

Der Quelltext zur Navi: Die letzte Zelle.

<!-- NAVI -->   <table class="navmarginLink navmarginH" align="left" width="150" border="0" cellpadding="0" cellspacing="0">     <tr>       <td rowspan="57">         <img src="images/navi2_01.jpg" width="17" height="692" alt=""></td>     <td>

<img src="images/navi2_02.jpg" width="115" height="108" alt=""></td>     <td rowspan="57">       <img src="images/navi2_03.jpg" width="18" height="692" alt=""></td>    </tr>     <tr>       <td>         <img src="images/navi2_04.jpg" width="115" height="13" alt=""></td>    </tr>     <tr>

<td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15"><a href="index.php?mod=users&action=home">.home</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_06.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15"><a href="index.php?mod=news&amp;action=recent">.news</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_08.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15"><a href="index.php?mod=articles">.articles</a></td>  </tr>     <tr>       <td>         <img src="images/navi2_10.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15"><a href="index.php?mod=search">.search</a></td>    </tr>

<tr>       <td>         <img src="images/navi2_12.jpg" width="115" height="22" alt=""></td>    </tr>     <tr>       <td>         <img src="images/navi2_13.jpg" width="115" height="13" alt=""></td>    </tr>     <tr>

<td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=members">.member</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_15.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=members&amp;action=teams">.squads</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_17.jpg" width="115" height="4" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=servers">.server</a></td>  </tr>     <tr>       <td>         <img src="images/navi2_19.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt="">.teamspeak²</td>    </tr>

<tr>       <td>         <img src="images/navi2_21.jpg" width="115" height="4" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=history">.history</a></td>    </tr>     <tr>

<td>         <img src="images/navi2_23.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=rules">.rules</a></td>    </tr>     <tr>       <td>

<img src="images/navi2_25.jpg" width="115" height="4" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=joinus&amp;action=new">.join us</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_27.jpg" width="115" height="3" alt=""></td>  </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=fightus&amp;action=new">.fight us</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_29.jpg" width="115" height="3" alt=""></td>    </tr>

<tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=wars">.clanwars</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_31.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>

<td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=replays">.demos</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_33.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=links&amp;action=sponsors">.sponsors</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_35.jpg" width="115" height="22" alt=""></td>    </tr>     <tr>       <td>         <img src="images/navi2_36.jpg" width="115" height="13" alt=""></td>  </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=board">.forum</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_38.jpg" width="115" height="3" alt=""></td>    </tr>

<tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=gbook">.guestbook</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_40.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>

<td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=users">.community</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_42.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=faq">.FAQ</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_44.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=gallery">.gallery</a></td>  </tr>     <tr>       <td>         <img src="images/navi2_46.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginL navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=files">.downloads</a></td>    </tr>

<tr>       <td>         <img src="images/navi2_48.jpg" width="115" height="22" alt=""></td>    </tr>     <tr>       <td>         <img src="images/navi2_49.jpg" width="115" height="13" alt=""></td>    </tr>     <tr>

<td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=contact&amp;action=mail">.mail us</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_51.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=links">.links</a></td>    </tr>     <tr>       <td>         <img src="images/navi2_53.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=linkus">.link us</a></td>  </tr>     <tr>       <td>         <img src="images/navi2_55.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=contact&amp;action=imprint">.imprint</a></td>    </tr>

<tr>       <td>         <img src="images/navi2_57.jpg" width="115" height="3" alt=""></td>    </tr>     <tr>       <td class="navmarginR navmarginLink" background="images/button.jpg" width="115" height="15" alt=""><a href="index.php?mod=clansphere&amp;action=about">.about</a></td>    </tr>     <tr>

<td>         <img src="images/navi2_59.jpg" width="115" height="7" alt=""></td>    </tr>     <tr>       <td colspan="3" height="22" background="images/navi2_60.jpg" width="150">&nbsp;        </td>    </tr>     <tr>       <td colspan="3">         <img src="images/on.jpg" width="150" height="13"></td>    </tr>     <tr>       <td colspan="5" height="3" background="images/navi2_60.jpg" width="150">        </td>    </tr>     <tr>       <td class="navmarginL navmarginLink" colspan="3" background="images/navi2_60.jpg" width="150" height="17" alt="">{users:navonline}</td>    </tr>     <tr>       <td colspan="3" height="22" background="images/navi2_60.jpg" width="150">&nbsp;        </td>    </tr>     <tr>       <td colspan="3">         <img src="images/bnr.jpg" width="150" height="13"></td>    </tr>     <tr>       <td colspan="3" height="5" background="images/navi2_60.jpg" width="150">        </td>    </tr>     <tr>       <td align="center" class="navmarginLink" colspan="3" background="images/navi2_60.jpg" width="150" height="17" alt="">{banners:navlist}</td>  </tr>     <tr>       <td colspan="3">    <img src="images/navi2_60.jpg" width="150" height="100%"></td>   </table>   <!-- END NAVI -->

[afra]

Hallo Andy!

Du zeichnest eine Navigation die eigentlich eine Liste (<ol></ol>) sein sollte als Tabelle. Das sind keine tabellarischen Daten.

Deine Seite validiert nicht.

Du könntest den Hintergrund in einerm umschliessenden Element kacheln. Das funktioniert bei deinem Tabellenlayout aber nicht.

Beschäftige Dich mit CSS.

Schönen Gruß

Afra

[Andy]

Hi Afra,

okayy?! oO
Hab mich zwar mit CSS beschäftigt aber ich versteh trotzdem nicht ganz :))
Was bedeuted validieren?
Wie kann ich es sonst machen damit es funktioniert?

mfg,
Andy

[afra]

Hallo!

Hab mich zwar mit CSS beschäftigt aber ich versteh trotzdem nicht ganz :))
Was bedeuted validieren?

Dein Code ist nicht valide. D.h. enthält Fehler. Das macht es nicht einfacher Darstellungsprobleme zu vermeiden.

Wie kann ich es sonst machen damit es funktioniert?

Beschäftige Dich mit Layouts auf Basis von CSS die Dir mehr Flexibilität beim Layout bieten. Bei Deinem jetztigen Layout fehlt mir die Lust mich mit Notlösungen und fehlerhaftem Layout zu beschäftigen. Das mag hart klingen.

Einzige Möglichkeit die Du selbst mit deinem Tabellenmüll hätteste, wäre irgendeiner der linken umschließenden Tabellenzellen den Hintergrund zu geben.

Schönen Gruß

Afra

[Andy]

Hi,

ok, angenommen ich umschließe die Navi jetzt mit einer weiteren Tabelle und gebe dieser Tabelle den gewünschten Hintergrund.

Wie kann ich dann diese Tabelle bis zur Fußzeile strecken?

mfg,
andy

[afra]

Hallo Andy!

Wie kann ich dann diese Tabelle bis zur Fußzeile strecken?

Deine umschließende Tabelle muss einfach alle Elemente umschließen inklusive des höchsten Elements.

Schönen Gruß

Afra

[Andy]

Hi afra,

Deine umschließende Tabelle muss einfach alle Elemente umschließen inklusive des höchsten Elements.

ALLES umschließen?
Wenn ja dann wird das so nicht funktionieren.
Oder meinst du nur Navi und Fußzeile?

[afra]

Hallo!

Oder meinst du nur Navi und Fußzeile?

Alle die die Höhe der Seite beeinflussen.

Schönen Gruß