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.170   Beiträge: 432.150   Mitglieder: 29.549   Aktive Mitglieder: 45
                              Willkommen an unser neuestes Mitglied, [email protected].

                              Online-Benutzer

                              Einklappen

                              263 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 260.

                              Mit 4.707 Benutzern waren am 12.01.2023 um 04:07 die meisten Benutzer gleichzeitig online.

                              Die neuesten Themen

                              Einklappen

                              Die neuesten Beiträge

                              Einklappen

                              • daniel5959
                                Antwort auf Otmar
                                Hallo,

                                habe das Programm HomepageFIX 2020 nicht, aber wie bei allen Programmen zum Erstellungen von Webseiten müssen die FTP-Angaben stimmen, damit das Programm die Dateien auch auf den Webspace hochladen kann.

                                Dafür müsste man wissen beim welchem Provider der Webspace ist,...
                                Heute, 16:35
                              • Otmar.spiss@gmail.com
                                Otmar
                                Ich kann HomepageFIX 2020, nicht veröffentlichen. Von seiten des Providers ist angeblich alles in Ordnung. Wer hat Erfahrung mit diesem Problem?
                                Heute, 11:24
                              • bdt600
                                Antwort auf Otmar
                                Ich würde mir an deiner Stelle nicht allzu große Hoffnungen machen, dass du hier Hilfe zu HomepageFIX 2020 bekommen wirst. Solche WYSIWYG-Editoren sind bei Leuten mit Ahnung meist verpönt, weil der HTML-Code, der am Ende raus kommt, (vorsichtig gesagt) nicht so dolle ist.
                                Heute, 14:22
                              • admin
                                Antwort auf Mail-Authentifizierung
                                Hallo Localfu,

                                voll krass, zum Glück haben wir noch uralte Verträge... Aber da wird es in Zukunft für eine Firma ja richtig teuer, wenn Sie alle Mitarbeiter mit E-Mail-Adressen versorgen will.

                                Wir arbeiten uns aktuell an die Lösung heran, ein User hier aus dem Forum hat...
                                Heute, 12:17
                              • admin
                                Mail-Authentifizierung
                                Hallo,

                                wir haben heute das erste Mal das Erlebnis gehabt, dass eine Firmenmail nicht zu einer Kundenadresse durchgekommen ist.

                                Die Empfänger-Adresse ist eine [email protected] Adresse, und Googlemail blockt wohl seit November 2022 nicht authentifizierte Domains.

                                Hier...
                                02.02.2023, 13:04
                              • Localfu
                                Antwort auf Mail-Authentifizierung
                                Hi admin,
                                bei IONOS gibt es Seit Ende 2022 Einschränkungen bei der Vergabe von E-Mails. Neue Standardverträge lassen nur eine E-Mailadresse zu(Jede weitere Adresse kostet mehr). Das ist bei den alten Verträgen noch vermeidbar.

                                Das ander Problem ist die Nutzung von E-Mailadressen...
                                Heute, 01:09
                              • arnego2
                                Antwort auf Lebensmittelpreise - die x-te Version
                                Tja da seit ihr gut dran, bei uns kommen 200Gr Butter auf ungefähr 6$. Da wir Butter nicht so häufig nutzen so 2 pro Jahr macht den Kohl nicht fetter....
                                Gestern, 21:38
                              • bodan
                                KeePass - Password-Manager :: welche Addons /Plugins verwendet ihr!?
                                Hallo u. guten Abend liebe Community

                                welche Keepass-Addons /Plugins verwendet ihr!?

                                Es gibt ja sehr viele Plugnis / Addons die die Funktionalitäten erweitern: welche verwendet ihr denn!?

                                Plugins für KeePass (hier eine Übersicht: https://keepass.info/plugins.h...
                                24.01.2023, 23:58
                              • eloms
                                Antwort auf KeePass - Password-Manager :: welche Addons /Plugins verwendet ihr!?
                                Hallo

                                Doch, kann man.
                                Ich verwende einen anderen PWM und der kennt nur einen Teil des PW und somit kann damit keiner etwas anfangen.
                                Und für wichtige Seite wie Banking oder Paypal verwende ich eine Authenticator App. Und die kann man nicht auslesen weil sie auf einem anderen...
                                Gestern, 20:00
                              • daniel5959
                                Antwort auf Lebensmittelpreise - die x-te Version
                                Hallo,

                                auch sonst ist vieles immer noch günstig bzw. wir wieder günstiger.

                                A) Einige Artikel (Eigenmarken) - Auszug aus meinem letzten Netto-Kassenzettel:

                                Scheuermilch (Reinigungsmittel) 750 ml für 0,89 Euro
                                Handcreme (Öko-Test "Sehr Gut") 125...
                                03.02.2023, 21:52
                              Lädt...
                              X