• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Probleme mit 2 Tabellen

Loana

Mitglied
Hallo Guten Abend !
Ich habe eine neue Webseite angefangen und habe nun Probs mitzwei Tabellen, die ich untereinander gesetzt habe...zu besseren verständnis ich habe die Tabelle von meiner alten Seite kopiert und in die neu HTML Seite eingefügt.Auf der alten Seite waren nur 6 Buttons zum Verlinken ich brauchte aber 12,also hab ich die Tabellen komplett untereinander gesetzt.
Die Velinkung klappt NUR bei den ersten 6 Buttons...bei der zweiten Tabelle dann nicht mehr. Was hab ich falsch gemacht?Ich weiss nicht ob es erlaubt ist die betreffenden Sachen mal hiereinzukopieren,weil die Seite noch nicht online ist,hab erst angefangen damit...
Sollte es nicht gestattet sein bitte löschen

<div align="center">
<table align="center">
<tr>
<td><a href="barchenundsannerl.html" onfocus="this.blur()"><img src="bilder/1.jpg" width="170" height="170" border="0" alt="1" /></a></td>
<td><a href="sytundheidiz.html" onfocus="this.blur()"><img src="bilder/2.jpg" width="170" height="170" border="0" alt="2" /></a></td>
<td><a href="angelundgisi.html" onfocus="this.blur()"><img src="bilder/3.jpg"width="170" height="170" border="0" alt="3" /></a></td>
</tr>
<tr>
<td><a href="bonnyundmelanie.html" onfocus="this.blur()"><img src="bilder/4.jpg" width="170" height="170" border="0" alt="4" /></a></td>
<td><a href="smartyundmichael.html" onfocus="this.blur()"><img src="bilder/5.jpg" width="170" height="170" border="0" alt="5" /></a></td>
<td><a href="pebbleundhexasira.html" onfocus="this.blur()"><img src="bilder/6.jpg" width="170" height="170" border="0" alt="6" /></a></td>

</tr>
</table>

</div>
<div align="center">
<table align="center">
<tr>
<td><a href="wuselundute.html" onfocus="this.blur()"><img src="bilder/11.jpg"width="170" height="170" border="0" alt="11" /></a></td>
<td><a href="wuselundute.html" onfocus="this.blur()"><img src="bilder/11.jpg" width="170" height="170" border="0" alt="11" /></a></td>
<td><a href="../seiten/diverses.htm" onfocus="this.blur()"><img src="bilder/9.jpg" width="170" height="170" border="0" alt="9" /></a></td>
</tr>
<tr>
<td><a href="../seiten/animationen.htm" onfocus="this.blur()"><img src="bilder/10.jpg" width="170" height="170" border="0" alt="10" /></a></td>
<td><a href="../seiten/eigene_werke.htm" onfocus="this.blur()"><img src="bilder/11.jpg" width="170" height="170" border="0" alt="11" /></a></td>
<td><a href="../seiten/blends.htm" onfocus="this.blur()"><img src="bilder/12.jpg" width="170" height="170" border="0" alt="12" /></a></td>

</tr>
</table>

Schonmal Danke für die Antwort
 
Bei mir funktioniert die Verlinkung. Die Verlinkung ist auch sogesehen richtig. Könnte es daran liegen, dass die Pfade nicht richtig angegeben sind? Also zu den Seiten?

Wo genau liegt das Problem, warum die Links nicht funktionieren?


MfG
 
Hab ich auch keine Ahnung, wenn der Link zur Seite fehlt. Nur so kann man dein Problem auch nachvollziehen.
 
1. Links:
Bist du sicher, dass das die korrekte pfadangabe ist?
../seiten/animationen.htm
das rot markierte bewirkt, dass der pfad, ausgehend von der darstellenden seite, ein verzeichnis zurück springt und dann versucht in den ordner seiten zu gelangen.
das ist ist bei den darüberliegenden links nicht der fall.
ich könnte mir vorstellen, dass das der fehler ist.

2. tabelle verlängern:
warum so viele unnötige tags?
wenn du die tabelle nach unten verlängern willst, mach einfach mehr zeilen und spalten zwischen <table></table>
jedes <tr></tr> ist eine zeile und jedes <td></td> ist eine spalte innerhalb dieser zeile.
dein obiger code wäre so vollkommen ausreichend:
HTML:
<div align="center">
<table align="center">
<tr>
<td><a href="barchenundsannerl.html" onfocus="this.blur()"><img src="bilder/1.jpg" width="170" height="170" border="0" alt="1" /></a></td>
<td><a href="sytundheidiz.html" onfocus="this.blur()"><img src="bilder/2.jpg" width="170" height="170" border="0" alt="2" /></a></td>
<td><a href="angelundgisi.html" onfocus="this.blur()"><img src="bilder/3.jpg"width="170" height="170" border="0" alt="3" /></a></td>
</tr>
<tr>
<td><a href="bonnyundmelanie.html" onfocus="this.blur()"><img src="bilder/4.jpg" width="170" height="170" border="0" alt="4" /></a></td>
<td><a href="smartyundmichael.html" onfocus="this.blur()"><img src="bilder/5.jpg" width="170" height="170" border="0" alt="5" /></a></td>
<td><a href="pebbleundhexasira.html" onfocus="this.blur()"><img src="bilder/6.jpg" width="170" height="170" border="0" alt="6" /></a></td>
</tr>
<tr>
<td><a href="wuselundute.html" onfocus="this.blur()"><img src="bilder/11.jpg"width="170" height="170" border="0" alt="11" /></a></td>
<td><a href="wuselundute.html" onfocus="this.blur()"><img src="bilder/11.jpg" width="170" height="170" border="0" alt="11" /></a></td>
<td><a href="http://www.html.de/seiten/diverses.htm" onfocus="this.blur()"><img src="bilder/9.jpg" width="170" height="170" border="0" alt="9" /></a></td>
</tr>
<tr>
<td><a href="http://www.html.de/seiten/animationen.htm" onfocus="this.blur()"><img src="bilder/10.jpg" width="170" height="170" border="0" alt="10" /></a></td>
<td><a href="http://www.html.de/seiten/eigene_werke.htm" onfocus="this.blur()"><img src="bilder/11.jpg" width="170" height="170" border="0" alt="11" /></a></td>
<td><a href="http://www.html.de/seiten/blends.htm" onfocus="this.blur()"><img src="bilder/12.jpg" width="170" height="170" border="0" alt="12" /></a></td>
</tr>
</table>
</div>

3. VERALTET!
was du da machst, ist mumpitz! tabellen werden als layoutmittel nicht mehr benutzt, seit es CSS gibt.
eine tabelle ist nur für die darstellung tabellarischer daten da. alles andere entspricht nicht den geltenden standarts.
eine navigation ist bestenfalls eine liste aber keine tabelle. das center-attribut wird in tags ebenfalls nicht mehr genutzt.
schau dir bei gelegenheit mal das hier an:
CSS 4 You - The Finest in Stylesheets
das verständnis für die grundlagen ist an einem lauschigen nachmittag gewonnen und die korrekte und intuitive anwendung kommt ziemlich schnell durch die praxis ;)
 
Zurück
Oben