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.881   Beiträge: 430.752   Mitglieder: 28.629   Aktive Mitglieder: 43
                              Willkommen an unser neuestes Mitglied, Christin.

                              Online-Benutzer

                              Einklappen

                              212 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 210.

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

                              Die neuesten Themen

                              Einklappen

                              • daniel5959
                                Antwort auf Christin
                                Hallo,

                                vor einiger Zeit habe ich einen Forenbeitrag und einen Nachtrag mit 3 kostenlosen WYSIWYG-Webeditoren und 2 Anbietern von kostenlosen Designvorlagen für responsive Webseiten zusammengestellt, siehe

                                >> https://www.homepage-forum.de/forum/...ge-forum/-1-2-...
                                Heute, 17:33
                              • Sempervivum
                                Antwort auf Änderung an der CSS macht Probleme
                                Die Optik wird nur indirekt durch Javascript beeinflusst, wenn dir das mit einem Javascript passiert ist, liegt es mit aller Wahrscheinlichkeit am HTML und CSS, das dazu gehört. Und es kann dir genau so gut mit einer Slideshow passieren, die nur mit HTML und CSS realisiert ist.
                                Den Nachteil hat...
                                Heute, 16:16
                              • Nightbird
                                Antwort auf Änderung an der CSS macht Probleme
                                Hallo Basti1012

                                Gerade @keyframes macht die meisten Schwierigkeiten.
                                Copy & Paste funktionieren hier nicht.
                                Die Zahlen, die in den einzelnen Bild-Abschnitten enthalten sind, müssen scheinbar für jeden Abschnitt extra berechnen werden.
                                Aber wie und womit, ist mir...
                                Heute, 12:24
                              • Lupus_III
                                Antwort auf Christin
                                Ich habe mir den Magix Web Designer vor Jahren mal angeschafft und dann schnell wieder zur Seite gelegt. Eine gute Unterstützung habe ich auch nicht gefunden und was man findet ist veralteter Mist. Ich glaube sogar, dass nur wenige diese Software benutzen. Meine Webseiten codiere ich mittlerweile...
                                Heute, 08:39
                              • daniel5959
                                Antwort auf Christin
                                Hallo,

                                selber arbeite ich nicht mit dem Magix Web Designer Premium.

                                Bei Youtube habe ich ein Video von Magix aus dem Jahr 2014 für den Magix Web Designer Version 10 zu Thema "responsive Webseiten" (Webseiten für verschiedene Geräte, auch für Smartphones) gefunden....
                                Heute, 01:48

                              Die neuesten Beiträge

                              Einklappen

                              • Christin
                                Christin
                                Hallo,
                                ich bin neu hier und hoffe, dass ich einen wertvollen Tipp bekomme:

                                - Ich arbeite mit dem Magix Web Designer Premium 17.
                                - Gibt es eine gute Video-Anleitung für die Gestaltung der Smartphone-Variante?

                                DANKE!

                                Liebe Grüße
                                Christin
                                Gestern, 20:54
                              • daniel5959
                                Antwort auf Christin
                                Hallo,

                                vor einiger Zeit habe ich einen Forenbeitrag und einen Nachtrag mit 3 kostenlosen WYSIWYG-Webeditoren und 2 Anbietern von kostenlosen Designvorlagen für responsive Webseiten zusammengestellt, siehe

                                >> https://www.homepage-forum.de/forum/...ge-forum/-1-2-...
                                Heute, 17:33
                              • Nightbird
                                Änderung an der CSS macht Probleme
                                Als neues Forumsmitglied möchte ich mich gleich mit einer Frage an Euch wenden.
                                Bei der Programmierung von HTML geht's so halbwegs aber bei einer CSS habe ich so meine Schwieriegkeiten.
                                Dashalb suche ich mir im Web hauprsächlich Templates zusammen, die meinen Vorstellungen entsprechen....
                                19.06.2021, 17:01
                              • Sempervivum
                                Antwort auf Änderung an der CSS macht Probleme
                                Die Optik wird nur indirekt durch Javascript beeinflusst, wenn dir das mit einem Javascript passiert ist, liegt es mit aller Wahrscheinlichkeit am HTML und CSS, das dazu gehört. Und es kann dir genau so gut mit einer Slideshow passieren, die nur mit HTML und CSS realisiert ist.
                                Den Nachteil hat...
                                Heute, 16:16
                              • Nightbird
                                Antwort auf Änderung an der CSS macht Probleme
                                Hallo Basti1012

                                Gerade @keyframes macht die meisten Schwierigkeiten.
                                Copy & Paste funktionieren hier nicht.
                                Die Zahlen, die in den einzelnen Bild-Abschnitten enthalten sind, müssen scheinbar für jeden Abschnitt extra berechnen werden.
                                Aber wie und womit, ist mir...
                                Heute, 12:24
                              • Lupus_III
                                Antwort auf Christin
                                Ich habe mir den Magix Web Designer vor Jahren mal angeschafft und dann schnell wieder zur Seite gelegt. Eine gute Unterstützung habe ich auch nicht gefunden und was man findet ist veralteter Mist. Ich glaube sogar, dass nur wenige diese Software benutzen. Meine Webseiten codiere ich mittlerweile...
                                Heute, 08:39
                              • daniel5959
                                Antwort auf Christin
                                Hallo,

                                selber arbeite ich nicht mit dem Magix Web Designer Premium.

                                Bei Youtube habe ich ein Video von Magix aus dem Jahr 2014 für den Magix Web Designer Version 10 zu Thema "responsive Webseiten" (Webseiten für verschiedene Geräte, auch für Smartphones) gefunden....
                                Heute, 01:48
                              • arnego2
                                Wenn was schiefäuft
                                Heute ist es wieder mal passiert.

                                Viele Websites im Internet waren am heutigen Dienstag vorübergehend nicht verfügbar,
                                darunter auch die New York Times, Bloomberg News, Reddit Inc. die britische Regierung, nachdem die Dienste des Content-Delivery-Netzwerks Fastly Inc. ausfielen....
                                09.06.2021, 01:13
                              • arnego2
                                Antwort auf Wenn was schiefäuft
                                Gute Strategie, die CDN und Cloudlösungen sind alle so designed das man sich eher in Abhängigkeit begibt....
                                Gestern, 13:27
                              • threadi
                                Antwort auf Wenn was schiefäuft
                                Jap, war so. Hier eine Quelle dazu:
                                https://www.theguardian.com/technolo...ed-mass-outage

                                Ich verzichte btw. schon immer auf CDN eben gerade weil ich die Abhängigkeit scheue.
                                Gestern, 10:02
                              Lädt...
                              X