HTML Tabelle immer oben anfangen

Begonnen von Tolkienfan, 27. Februar 2009, 08:39:14 Uhr

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Tolkienfan

Hi,

ich habe folgendes Problem: ich habe mit Dreamweaver eine HTML-Tabelle erstellt bei der in der linken Spalte relativ viel über mehrere Zeilen verteilt steht und in der rechten Spalte lediglich eine Zeile. Nun ist die rechte Zeile allerdings in der Mitte der Tabelle, dabei würde ich gerne auf selber Höhe anfangen wie in der linken Spalte. Wie krieg ich das nun hin?
Danke schonmal für die Hilfe,
Grüße,

    Johannes

Schwermetaller

Mit style="vertical-align:text-top" gehts.

Einbinden kannst du es so:

<table border="1">
<tr>
<td>das ist<br>
eine<br>
test-<br>
tabellen-<br>
spalte</td>
<td style="vertical-align:text-top">schrift oben</td>
</tr>
</table>







Das Leben ist eine lange und schmerzhafte Krankheit, die nur durch den Tod geheilt werden kann. (Spike Milligan, "Puckoon")
RechnerVisit me?

Tolkienfan

Mmh, klappt bei mir leider nicht :(
Hier ist mal der Code:
<td width="250" class="news"><strong><a href="html/Dokument1.html">Text</a></strong><br>
          <a href="index4.html"><img src="pics/pfeil.gif" height="15" width="15" border="0">&nbsp;TERMINE</a></td>
          </tr>
        </table></TD></TR>

Ich habe es mit<td style="vertical-align:text-top">schrift oben</td> nachTERMINE</a></td> versucht, aber das hat nich geklappt. Muss ich das an eine andere Stelle setzen?

Schwermetaller

Kannst du den kompletten Code der Tabelle mal hier posten? Die bisherigen Fragmente sind nicht allzu hilfreich. Ansonsten gehe ich einfach mal davon aus, dass der Tag temporär falsch untergebracht wurde und sich das auf jeden Fall beheben lässt.  ;)





Das Leben ist eine lange und schmerzhafte Krankheit, die nur durch den Tod geheilt werden kann. (Spike Milligan, "Puckoon")
RechnerVisit me?

Tolkienfan

Hi,

also hier der komplette Code (hoff ich zumindest):
        </table>
    <table width="598" border="0">
      <tr>
        <td width="338"><p class="news"><strong><a href="html/dokument.html">Dokument</a></strong><br class="news">
<a href="index.html"><img src="pics/pfeil2.gif" height="15" width="15" border="0">&nbsp;TERMINE</br>
</a>
                <p class="news"><strong>Geschichte</strong><br>
            23.02. - 27.02. 2009<p><span class="news"><strong>Geschichte</strong><br>
            13.04. - 17.04.2009                  </span>
            <p class="news"><strong>Dokument2</strong></strong><br>
              25.05. - 29.05.2009</p>
                <p class="news"><a href="index5.html"><img src="pics/pfeil.gif" height="15" width="15" border="0"><strong>Weitere Geschichten</strong></a>
               
               
        <td width="250" class="news"><strong><a href="html/Fotos.html">Fotos</a></strong><br>
          <a href="index4.html"><img src="pics/pfeil.gif" height="15" width="15" border="0">&nbsp;TERMINE</a></td>
          </tr>
        </table></TD></TR>


Danke schonmal für die Mühe,

    Johannes

Schwermetaller

Habs mal so integriert, dass "Fotos-Termine" oben untergebracht werden. Das war glaub ich auch dein Ziel?
  <table width="598" border="0">
            <tr>
              <td width="338"><p class="news"><strong><a href="html/dokument.html">Dokument</a></strong><br class="news">
<a href="index.html"><img src="pics/pfeil2.gif" height="15" width="15" border="0">&nbsp;TERMINE</br>
</a>
                <p class="news"><strong>Geschichte</strong><br>
                  23.02. - 27.02. 2009<p><span class="news"><strong>Geschichte</strong><br>
                  13.04. - 17.04.2009                  </span>
                  <p class="news"><strong>Dokument2</strong></strong><br>
                 25.05. - 29.05.2009</p>
                <p class="news"><a href="index5.html"><img src="pics/pfeil.gif" height="15" width="15" border="0"><strong>Weitere Geschichten</strong></a>


              <td width="250" class="news" style="vertical-align:text-top"><strong><a href="html/Fotos.html">Fotos</a></strong><br>
                <a href="index4.html"><img src="pics/pfeil.gif" height="15" width="15" border="0">&nbsp;TERMINE</a></td>
             </tr>
        </table>


Noch ein paar Sachen zu Tabellen, evtl. isses hilfreich: Die Tabelle beginnt mit <table> und endet mit </table>. Eine Zeile innerhalb der Tabelle eröffnest du mit <tr> und schließt sie mit </tr>. Mit <td> kannst du dann innerhalb der Zeile eine Datenzelle eröffnen, die du mit - na? - </td> wieder schließt. Du kannst der Datenzelle gewisse Eigenschaften zuweisen, indem du in den Eröffnungstag ein paar tolle Codes mit einbindest - siehe folgendes Bsp.:
<td width="250" class="news" style="vertical-align:text-top">
Breite, Textstil und Ausrichtung im Bezug auf die Vertikale werden hier festgelgt.

Alle Klarheiten beseitigt?  ;D





Das Leben ist eine lange und schmerzhafte Krankheit, die nur durch den Tod geheilt werden kann. (Spike Milligan, "Puckoon")
RechnerVisit me?

Tolkienfan

Olé olé, es hat geklappt:D Vielen Dank! Mal gucken, ob ich das bei den anderen Dokumenten auch hinkrieg - sonst weiß ich ja, wer sich da prima auskenn;)
Nochmal danke (auch für die weiteren Erläuterungen),
Grüße,

     Johannes

Schwermetaller

Das klingt doch prima. :) Der Code, den die WYSIWYGs so ausspucken, ist meistens eine Verbesserung/Entschlackung wert. Daher meine Empfehlung: http://de.selfhtml.org/index.htm (http://de.selfhtml.org/index.htm).





Das Leben ist eine lange und schmerzhafte Krankheit, die nur durch den Tod geheilt werden kann. (Spike Milligan, "Puckoon")
RechnerVisit me?

Tolkienfan

Ja, das hab ich auch schon öfters gehört. Aber an der Seite wird so selten was verändert, da lohnt es sich für mich nicht wirklich, das Ganze zu vertiefen - zumal man ja auch in Übung bleiben muss, sonst vergisst man das meiste wieder...