Ankündigung

Einklappen
Keine Ankündigung bisher.

Tabellen-Layout-Problem: Text bei 2 <td>s senkrecht mittig

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Tabellen-Layout-Problem: Text bei 2 <td>s senkrecht mittig

    Also ich habe schon mehrere Homepage-Projekte hinter mir, habe jedoch meist mit NVU u.a. gearbeitet. Jetzt soll ich für die Schule aber eine Homepage nur mit dem Windows Editor oder Wordpad und übersichtlich im Quelltext erstellen.

    Ich habe mich nun für ein Tabellen-Layout entschieden und stehe nun vor einem Problem, das mir sonst noch nicht begegnet ist.. ^^

    Bei zwei Spalten nebeneinander, ist der Text in der linken Spalte in der Senkrechten zentriert. Das ist schwer zu beschreiben, also mal hier ein Bild, das das hoffentlich besser erklärt...

    Hier auch noch der Quelltext:

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
    <html>
    <head>
      <title>Mein erstes HTML-Dokument</title>
    
      <link rel="stylesheet" href="stylesheet.css" type="text/css">
    
    </head>
    
    
    <body style="background-image:url(images/background.jpg); background-color:#167E87; background-repeat:no-repeat;">
    
    <!--Beginn des Tabellen-Layouts-->
    
    <table align="center" border="0" cellpadding="0" cellspacing="0" width="900">
    
      <tbody>
    
        <tr>
    
          <td background="images/header.jpg" height="200" width="900"> </td>
    
        </tr>
    
      </tbody>
    </table>
    
    <table style="background-color: transparent;" align="center" border="0" cellpadding="0" cellspacing="0" width="900">
    
      <tbody>
    
        <tr>
    
          <td background="images/navibg.png" width="180">
    
    <!--Beginn der Navigation-->
    	<br>
    	<img src="images/navi/navi.png" alt="Navigation">
          <p></p>
          <a href="index.htm"><img src="images/navi/home.png" alt="Home" border="O"></a>
          <a href="stundenplan.htm"><img src="images/navi/stundenplan.png" alt="Stundenplan" border="O"></a>
    
    <!--Ende der Navigation-->
    
          </td>
          <td background="transparent" width="710">
    
    <!--Beginn des Seiteninhalts-->
    
          <table  style="text-align: center; width: 600px;" border="2"
     cellpadding="2" cellspacing="2" align="center">
    
    <caption><font size="16" color="#00174D"><b>Mein Stundenplan</b></font></caption>
    
    
    		<tr><th>Zeit</th> 	<th>Montag</th> 	<th>Dienstag</th>	<th>Mittwoch</th>	<th>Donerstag</th>	<th>Freitag</th></tr>
    		<tr><td>7.45-8.30</td>	<td>Deutsch</td> 	<td>Musik</td>		<td>Französisch</td>	<td>Deutsch</td>	<td>Mathe</td></tr>
    		<tr><td>8.35-9.20</td>	<td>Englisch</td> 	<td>Geschichte</td>	<td>Musik</td>		<td>Biologie</td>	<td>Englisch</td></tr>
    		<tr><td>9.35-10.20</td>	<td>Französisch</td>	<td>Mathe</td>		<td>Geschichte</td>	<td>Religion</td>	<td>Politik</td></tr>
    		<tr><td>10.25-11.10</td><td>Französisch</td>	<td>Physik</td>		<td>Englisch</td>	<td>Religion</td>	<td>Chemie</td></tr>
    		<tr><td>11.30-12.15</td><td>Mathe</td>		<td>-</td>		<td>Informatik</td>	<td>Erdkunde</td>	<td>Deutsch</td></tr>
    		<tr><td>12.20-13.05</td><td>Politik</td>	<td>-</td>		<td>Informatik</td>	<td>-</td>		<td>Musik</td></tr>
    		<tr><td>13.10-13.55</td><td>-</td>		<td>-</td>		<td>-</td>		<td>Chemie</td>		<td>-</td></tr>
    		<tr><td>14.00-14.45</td><td>Biologie</td>	<td>-</td>		<td>Physik</td>		<td>-</td>		<td>Sport</td></tr>
    		<tr><td>14.50-15.35</td><td>-</td>		<td>-</td>		<td>Erdkunde</td>	<td>-</td>		<td>Sport</td></tr></font>
    
    
    <!--Ende des Seiteninhalts--></td>
        </tr>
      </tbody>
    </table>
    </center>
    </body>
    </html>
    Angehängte Dateien

  • #2
    AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

    Dem entsprechenden <td>-Tag valign="top" hinzufügen oder noch besser per CSS: vertical-align: top;

    Aber Tabellen sind für tabellarischen Inhalt gedacht und nicht für ganze Webseiten. Nur mal so nebenbei


    greetz
    sigpic

    Kommentar


    • #3
      AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

      Danke, hat geklappt =)

      Aber ich kann es doch trotzdem verwenden..

      Ich mein... viele Websites sind mit Tabellen aufgebaut, oder nich?

      Und es widerspricht doch nicht irgendeinem WC3-Standard oder sonst irgendwas? Weil darauf sollte ich achten xD

      Kommentar


      • #4
        AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

        am besten ist du machst es mit CSS und divs. von Tabellen solltest du die finger lassen, die sind unpraktisch und es ist einfach nicht korrekt diese zum design zu missbrauchen. wär des gleiche wie würdeste ne wurst zum fensterputzen nehmen (komischer vergleich O.o)
        es ist nicht dazu gedacht und wurde von ganz "schlauen" köpfen damals nur dazu missbraucht, weil jemandem aufgefallen ist, dass man damit ganz ok positionieren kann. divs kannste aber wesentlich besser positionieren.

        Gruß
        Wishu
        Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
        Wishu-Blog | Wishu.de | WishuLoad

        Kommentar


        • #5
          AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

          Achso.. naja danke.. aber von css hab ich noch nich so die Ahnung.. Kann man grad n Stylesheet festlegen.. ^^

          Und Tabellen haben wir nu in der Schule auch weitgehend durchgesprochen und CSS nur kurz angerissen...


          Aber was spricht denn eig gegen Tabellen? Ich mein, außer, dass es stilistisch vllt nicht so toll ist.. ^^

          Kommentar


          • #6
            AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

            - Einschränkungen bei Änderungen des Layouts (mit <div>s ist man da freier als mit Tabellen, da man sie z.B. einfacher woanders positionieren kann wenn sich mal das Layout ändert)

            - Für mich aufwendiger zu 'programmieren'

            - Die Ladezeit, bzw. die Zeit für die Darstellung im Browser ist höher, da der Browser zuerst die gesamte Tabelle lädt und dann alles auf einmal darstellt (wenn man z.B. die gesamte Seite in einer Tabelle hat).

            - der Code wird wesentlich schlanker und übersichtlicher wenn man CSS(div) design benutzt

            - CSS layout is suchmaschinen freundlicher: Wenn auf einer Tennis-Seite 10%
            der Wörter "Tennis" sind, dann ist der Begriff "Tennis"
            relevanter als wenn das Wort nur 1% des Textes (Codes) ist.
            Weniger Code => Höhere Relevanz des Textes

            and so on... andere werden dir da sicherlich noch nen bissl mehr drüber erzählen können.
            Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
            Wishu-Blog | Wishu.de | WishuLoad

            Kommentar


            • #7
              AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

              Danke erstmal.. =)

              Das mit der Ladezeit hatte ich auch schon mal irgendwo gelesen..

              Aber da das erstmal sowieso nur lokal gespeichert wird und ich diese Page nichts ins web stellen werde, is das ja nicht so das größte Problem..

              Will jetzt nich nervern oder so, aber: Benötige ich erstmal große CSS-Kenntnisse um so ein CSS-Layout zu erstellen oder reicht es wenn ich mal eben Google oder hier im Forum rumschau und ich kann so loslegen?

              Kommentar


              • #8
                AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                Hi,
                Zitat von allnewcharmed Beitrag anzeigen
                Und Tabellen haben wir nu in der Schule auch weitgehend durchgesprochen und CSS nur kurz angerissen...
                mein Gruß an Deinen Lehrer: er oder sie sollte sich zu diesem Thema doch mal fortbilden, damit der Unterricht nicht auf dem Stand des vorigen Jahrtausends aufbaut.

                Tabellen sind sinnvoll zur Auszeichnung tabellarischer Daten - nicht zur Gestaltung einer Homepage.
                1996 wurde CSS 1 entwickelt und seit 1998 ist CSS 2 der Standard für die Gestaltung von Homepages - Dein Lehrer hinkt da fast 10 Jahre hinterher...
                Ist aber nicht sonderlich verwunderlich, weil Lehrer sich das Thema AFAIK irgendwann mal selbst erarbeitet haben müssen und sogar viele Webdesigner noch keine Lust darauf hatten, ihr Wissen zu aktualisieren.

                Gruß
                Ingo
                Ingo Webdesign

                Kommentar


                • #9
                  AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                  Wir haben Tabellen auch nur als tatsächliche Tabellen behandelt und nicht als Designmethode...
                  Der Kurs fängt bei 0 an, was mich persönlich etwas stört, weil man noch "lernt" wie man Bilder per HTML einfügt und son leichten Krams und dabei verstehen, die die es wirklich noch nicht wissen es nichtmal.. ^^ Aber das is ja nich mein Problem..

                  Aber wir haben mit CSS bisher nur ein Stylesheet erstellt um halt bestimmte Textteile (h1 usw.) besonders zu definieren....

                  Das reicht aber ja wohl kaum um ein Design zu erstellen... ^^

                  Kommentar


                  • #10
                    AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                    Hi,
                    Zitat von allnewcharmed Beitrag anzeigen
                    Aber wir haben mit CSS bisher nur ein Stylesheet erstellt um halt bestimmte Textteile (h1 usw.) besonders zu definieren....

                    Das reicht aber ja wohl kaum um ein Design zu erstellen... ^^
                    nö. Mein Tip: http://de.selfhtml.org/css/layouts/

                    Gruß
                    Ingo
                    Ingo Webdesign

                    Kommentar


                    • #11
                      AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                      OK, danke..

                      Hab mir die ersten Seiten mal grob durchgelesen...
                      Werd meinen Lehrer trotzdem Fragen, ob ich das Tabellen-Layout beibehalten darf... Dann kann ich immer noch weitersehen und mir das mit CSS nochmal genauer ansehen..

                      Aber danke..

                      Kann dann denk ich geschlossen werden

                      Kommentar


                      • #12
                        AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                        lern css, es is schwerer etwas umzulernen als etwas neu zu lernen... wennde richtig in tabellenlayout drin bist, kannste schwer auf CSS umsteigen. Machs dir nicht zu einfach
                        Der komplette Text den sie vor dieser Zeile lesen, ist per Zufall generiert worden und muss nicht zwingend Sinn ergeben.
                        Wishu-Blog | Wishu.de | WishuLoad

                        Kommentar


                        • #13
                          AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                          Ja, aber CSS ist im mom noch sehr neu für mich und es sieht alles erstmal ziemlich kompliziert aus, auch wenn es das wahrscheinlich eigentlich gar nicht ist..
                          Aber ich müsste mich wahrscheinlich durchs gesamte CSS-Kapitel bei selfhtml durcharbeiten um damit tatsächlich ein Design zu erstellen und das würde mir im Moment zu lange dauern, vorallem weil man dabei ja auch einige Sachen lernt, die man eigentlich gar nicht benötigt hätte..
                          Ansonsten find ich CSS ja relativ logisch, aber mir alles von 0 an jetzt reinzuprügeln würde mir selbst denke ich auch nichts bringen.. ^^

                          Kommentar


                          • #14
                            AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                            Hi,
                            Zitat von allnewcharmed Beitrag anzeigen
                            Aber ich müsste mich wahrscheinlich durchs gesamte CSS-Kapitel bei selfhtml durcharbeiten um damit tatsächlich ein Design zu erstellen und das würde mir im Moment zu lange dauern, vorallem weil man dabei ja auch einige Sachen lernt, die man eigentlich gar nicht benötigt hätte..
                            Nein. Du müsstrest ledigllich die Grundlagen lesen und lernen. Die einzelnen CSS-Eigenschadten brauchst Du gar nicht alle zu kennen - hier kannst Du SELFHTML wirklich nur bei Bedarf als Nachschlagewerk nutzen.

                            Anders herum: warum willst Du mit seit 10 Jahren veralteten Methoden Deine Zeit verschwenden?

                            Gruß
                            Ingo
                            Ingo Webdesign

                            Kommentar


                            • #15
                              AW: Tabellen-Layout-Problem: Text bei 2 &lt;td&gt;s senkrecht mittig

                              Naja, also damit kenn ich mich halt schon besser aus und muss also nicht viel neues dazulernen...

                              Natürlich is es blöd, sich mit den alten Sachen herumzuschlagen, aber die alten Sachen braucht man ja trotzdem immernoch... Wenn man z.B. eine Tabelle nicht als Tabellen-Layout, sondern als reine Tabelle benutzen möchte, braucht man die Kenntnisse doch trotzdem..
                              Früher oder später muss ich mich aber sowieso dann denk ich mehr mit CSS auseinandersetzen, von daher kann ich mich ja nochmal bei selfhtml umsehen... Allerdings denke ich dass es länger dauert, bis ich wirklich in der Lage bin, damit ein Layout zu erstellen..

                              Kommentar

                              homepage-forum.de - Hilfe für Webmaster! Statistiken

                              Einklappen

                              Themen: 56.735   Beiträge: 429.427   Mitglieder: 28.490   Aktive Mitglieder: 41
                              Willkommen an unser neuestes Mitglied, KoaLa13bfp.

                              Online-Benutzer

                              Einklappen

                              208 Benutzer sind jetzt online. Registrierte Benutzer: 5, Gäste: 203.

                              Mit 3.502 Benutzern waren am 23.01.2020 um 18:20 die meisten Benutzer gleichzeitig online.

                              Die neuesten Themen

                              Einklappen

                              Die neuesten Beiträge

                              Einklappen

                              Lädt...
                              X