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: 57.089   Beiträge: 432.164   Mitglieder: 29.279   Aktive Mitglieder: 38
                              Willkommen an unser neuestes Mitglied, Grufty.

                              Online-Benutzer

                              Einklappen

                              211 Benutzer sind jetzt online. Registrierte Benutzer: 2, Gäste: 209.

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

                              Die neuesten Themen

                              Einklappen

                              • daniel5959
                                Gaspreise - gut wer Energie auf Vorrat lagern kann
                                Hallo,

                                jetzt sind alle Leute gut dran, die ihre Heizenergie im eigenen Haus lagern können und schon im Frühjahr Heizöl bestellt haben, sie müssen sich keine Sorgen um die Gaspreissteigerungen der kommenden Monate machen.

                                Bisher waren die Gaskunden gut dran, sie haben sich...
                                24.06.2022, 01:37
                              • Grufty
                                Handydarstellung
                                In der Handydarstellung meiner Homepage fehlt neuerdings das Menue. War bisher ok. Sonst alles ok.

                                Problem durch sehr prompte Hilfe durch IN MEDIA gelöst!
                                Es lag am COUNTER CODE.
                                22.06.2022, 09:04
                              • Sprueche
                                LustigX.de - Lustige Bilder & witzige Memes
                                Hallo liebe Leute,

                                ich will Euch ein neues Projekt von mir vorstellen. Es handelt sich um "LustigX.de". Auf der Webseite werden von Mitgliedern "Lustiges/Witziges" gepostet. Du kannst gerne ein Teil der Community werden und selber "Lustiges/Witziges" posten....
                                21.06.2022, 02:08
                              • daniel5959
                                Energiewende mit günstigem Ökostrom und Wärmepumpe
                                Hallo,

                                meine Berechnung für eine persönliche Energiewende.

                                A) Grob geschätzt für mein kleines Häuschen rund 850 Liter Heizöl im langjährigen Mittel, das wären (Heizöl - Heizwert ca. 9,8 kWh pro Liter) 8.330 kWh und wenn ich diese Wärme mit einer Wärmepumpe und einer Jahresarbeitszahl
                                ...
                                18.06.2022, 02:45
                              • rene_j
                                Euere Meinung und Feedback zu meinem Projekt - van-reise.eu
                                Um welches Thema geht es?
                                Es geht primär um die Themen Reisen, Wandern, Geocaching, Trekking, Urban Exploration (Lost Places) und Übernachtungen im Freien (Wälder, Berge etc.) sowie Fahrzeug Anschaffung und Ausbau.

                                Das Projekt steckt noch in Kinderschuhen.
                                Die Social-Media-Kanäle...
                                14.06.2022, 13:41

                              Die neuesten Beiträge

                              Einklappen

                              • Sprueche
                                Antwort auf SpruecheX.de - Sprüche, Zitate und Weisheiten
                                Wegen Social-Media und SEO.

                                Update: Neues Design ist online!...
                                26.06.2022, 22:51
                              • eloms
                                Antwort auf Feedback zur Überarbeitung meiner Homepage
                                Hallo

                                So, ich habe diverse Ändeungen vorgenommen und ein Zufallsbild auf der Startseite eingefügt. Klickt man auf den Link, wird das ausgewählte Bild grün angezeigt.
                                War für mich gar nicht so einfach da so umzusetzen.
                                Langsam wird die Seite fertig.

                                mfg
                                ...
                                26.06.2022, 05:47
                              • daniel5959
                                Gaspreise - gut wer Energie auf Vorrat lagern kann
                                Hallo,

                                jetzt sind alle Leute gut dran, die ihre Heizenergie im eigenen Haus lagern können und schon im Frühjahr Heizöl bestellt haben, sie müssen sich keine Sorgen um die Gaspreissteigerungen der kommenden Monate machen.

                                Bisher waren die Gaskunden gut dran, sie haben sich...
                                24.06.2022, 01:37
                              • ST747
                                Antwort auf Gaspreise - gut wer Energie auf Vorrat lagern kann
                                hi,

                                beim gas ist die lieferung derzeit gedrosselt, weil ein pumpe kaputt ist.

                                deshalb werden auch die gasspeicher nicht so gefüllt, wie geplant.

                                nach meinen informationen muss die pumpe von einer deutschen firma gewartet oder repariert werden. das geht aber nicht,...
                                25.06.2022, 13:48
                              • daniel5959
                                Antwort auf Gaspreise - gut wer Energie auf Vorrat lagern kann
                                Nachtrag 2:

                                Frage: Wie weit würde man mit maximal 256 TWh (= max. 256 Mrd. kWh) Gas kommen?



                                In den letzten 3 Monaten des Jahres - Oktober, November und Dezember - werden im Mittel 277 TWh an Gas verbraucht, d.h. die maximal gefüllten Gasspeicher wären am Jahresende...
                                25.06.2022, 05:53
                              • daniel5959
                                Antwort auf Gaspreise - gut wer Energie auf Vorrat lagern kann
                                Nachtrag:

                                Deutschland hat genau genommen keinen Gasvorrat, sondern nur einen Gaspuffer, um die Spitzen im Winter abzupuffern.



                                Also wenn die Erdgasspeicher ganz voll wären, dann würde es für 2 bis 3 Monate reichen, aber nur wenn in dieser Zeit weiterhin Gas...
                                25.06.2022, 00:15
                              • Grufty
                                Handydarstellung
                                In der Handydarstellung meiner Homepage fehlt neuerdings das Menue. War bisher ok. Sonst alles ok.

                                Problem durch sehr prompte Hilfe durch IN MEDIA gelöst!
                                Es lag am COUNTER CODE.
                                22.06.2022, 09:04
                              • Localfu
                                Antwort auf Handydarstellung
                                Hier eine Lösung von mir
                                Code:
                                var linkTitle = ['Startseite', 'Über mich', 'Aktuelles', 'Kontakt', 'Impressum'];
                                var linkURL = ['home.html', 'about.html', 'news.html', 'contact.html', 'impressum.html'];
                                var topnav;
                                document.addEventListener('DOMContentLoaded', ()=> {
                                ...
                                24.06.2022, 16:16
                              • Localfu
                                Antwort auf Handydarstellung
                                Hallo Grufty,
                                leider ist dein JavaScript-Code fehlerhaft und weisst viele Fehler auf:
                                Code:
                                jQuery.noConflict()(function($){$("<form id='mobilemenu' class='right2'><select /></form>").appendTo("#topnav"),$("<option />",{selected:"selected",value:"",value:"",text:"F"
                                ...
                                24.06.2022, 15:22
                              • daniel5959
                                Antwort auf SpruecheX.de - Sprüche, Zitate und Weisheiten
                                Hallo,

                                mich ärgern immer noch die aufs Foto geklatschten Texte.

                                Warum wird nicht einfach nur ein unifarbener Hintergrund verwendet, wenn das Foto eh nicht so wichtig ist?

                                Den Text könnte man besser ins Foto einbauen, siehe Beispiel



                                ...
                                23.06.2022, 22:58
                              Lädt...
                              X