Text innerhalb einer tabelle ausrichten

  • Moin moin..dies is mein erster Beitrag :D

    ich kenne mich bereits "ein wenig" mit HTML aus...

    jetzt wolle ich mir mal so ne eigene seite mache...

    Hier der Skript:

    so jetzt hab ich ein problem und zwar möchte ich gerne den Text in der großen Zelle oben lins zentrieren...dafür habe ich align="left" valign="top" benutzt aber wie man hier auf dem bild erkennen kann is der text mittig zentriert

    [Blockierte Grafik: http://s10.directupload.net/file/d/1759/koly4kf3_jpg.htm][Blockierte Grafik: http://s10.directupload.net/images/090409/koly4kf3.jpg]
    könntet ihr mir da weiter helfen?

    MfG chamo

  • Moin moin..dies is mein erster Beitrag :D


    Hallo und herzlich Willkommen!

    ich kenne mich bereits "ein wenig" mit HTML aus...


    Du kennst Dich ein wenig mit falschen HTML aus....

    HTML
    <html>
    <head>


    Wo ist die Dokumentendeklaration?

    Code
    href="file:///C|/Dokumente und Einstellungen/Name/Desktop/HP/images/ip.gif"


    Auf der Festplatte wird Dir das ganze langfristig nicht helfen.

    HTML
    <html>
    <body bgcolor="#666666" link="#0000FF" vlink="#0000FF">


    Beschäftige Dich am besten gleich mal mit CSS!

    Code
    <h1>
        <div align="center">
        Dies ist die Website von <u>Name</u>
        </div>
    </h1>


    Was hat ein DIV-Container innerhalb einer Überschrift zu suchen?

    Code
    <br>


    Abstände regelt man über margin und padding.

    Code
    <table border="1">


    Tabellen sind kein Layoutmittel! Und ein Menü zeichnet man als unsortierte Liste aus.

    so jetzt hab ich ein problem und zwar möchte ich gerne den Text in der großen Zelle oben lins zentrieren...dafür habe ich align="left" valign="top" benutzt aber wie man hier auf dem bild erkennen kann is der text mittig zentriert


    Normalerweise ist alles in entsprechenden Tags wie <p>, bzw. <li> automatisch erst mal linksbündig. Benutze also semantische Textauszeichnung und Deine Probleme werden sich auf ein Minimum reduzieren.

  • Dein HTML-Quellcode ist weit davon entfernt valide und sauber zu sein. Bitte schau dir nochmal die Grundlagen besser an und prüfe deinen Quellcode mit einem Validator wie http://www.validome.org oder http://validator.w3.org.

    Um deine Frage zu beantworten: Ausrichtung wie Gestaltung macht man mit CSS, nicht mit HTML. In deinem Fall reicht

    Code
    td { vertical-align: top;text-align: left; }

    um den Text in allen Tabellenzellen linksbündig und oben zu positionieren.

    Grundlagen CSS: http://de.selfhtml.org/css/intro.htm

  • Wo wir gerade schonmal alles auseinander nehmen...

    Zitat

    Und ein Menü zeichnet man als unsortierte Liste aus.

    Das würde ich nicht als 100% zutreffend bezeichnen. Klar ist ein Menu in den meisten Fällen eine unsortierte Liste aber nicht immer.
    Sorry aber das musste sein...

    Einmal editiert, zuletzt von thilda (10. April 2009 um 09:13)

  • Tach!

    Code
    <td rowspan="500" align="left" valign="top" nowrap></td>


    "rowspan" ist ein Attribut, das zum Verbinden von Tabellenzellen innerhalb einer Spalte eingesetzt wird. Der Wert "500" wäre nur richtig, wenn Du Zellen aus 500 Zeilen verbinden wolltest?! Danach sieht´s aber an sich nicht aus. Dein Zeilenumbruchsverbot (nowrap) würde ich auffheben; die Angabe fester Tabellenbreiten durch flexiblere ersetzen. Oft ist es für den Nuzter schon hilfreich, wenn der Seiteninhalt die Möglichkeit hat, sich (auch an kleine Bildschirme, wie etwa die in "Netbooks" verbauten) anzupassen. Tut´s nicht auch eine Prozentangabe? Dass "die Tabelle" an sich für Layoutaufgaben nicht in jedem Fall geeignet ist, wurde ja bereits erwähnt.

    Viele Grüße!
    PINALES

    Rechtschreibung für alle!

  • Zitat

    threadi:
    Grundlagen CSS: http://de.selfhtml.org/css/intro.htm

    ich hab mir die seiten aml angschauen...aller dings versteh ich so gut wie gar nichts :D

    1. anwelcher stelle im Code muss ich den css-code eintragen, und wann?
    2. kann man das alles nich auch mit html machen? ich find das sieht dann überschaulicher aus...
    3. gibt es eine standart form, wo man den sozusagen nur noch die bestimmten begriffe ändern muss? für mich sehen die einzelnen cods alle gelich aus...:D

    MfG chamo

    Einmal editiert, zuletzt von chamo (10. April 2009 um 17:16)

  • 1. anwelcher stelle im Code muss ich den css-code eintragen, und wann?


    http://jendryschik.de/wsdev/einfuehrung/css/

    2. kann man das alles nich auch mit html machen? ich find das sieht dann überschaulicher aus...


    Kann man nicht und es sieht auch nicht unübersichtlicher aus!
    Weil sich früher niemand an Webstandards gehalten hat, haben wir heute dieses Dilemma.

    Markup und Layout sind zu trennen (Webstandard). Die eine Sprache nennt man Auszeichnungssprache (X)HTML und die andere Layoutsprache CSS

    3. gibt es eine standart form


    http://www.k-faktor.com/standart/
    http://www.roe.ch/Standard_vs_Standart

    3. gibt es eine standart form, wo man den sozusagen nur noch die bestimmten begriffe ändern muss?


    Ganz so einfach ist es zwar nicht, aber probier es mal mit YAML.

    [quote='chamo','AW: Text innerhalb einer tabelle ausrichten mich sehen die einzelnen cods alle gelich aus...:D/QUOTE]
    Dann lerne sie oder such Dir ein anderes Hobby. ;)


  • Zitat:
    Zitat von chamo
    1. anwelcher stelle im Code muss ich den css-code eintragen, und wann?

    http://jendryschik.de/wsdev/einfuehrung/css/

    Die Seite ist schon besser als die, die mir thilda empfohlen hat...thx

    Jaja, die deutsche Rechtschreibung...sry deswegen


    Zitat:
    Zitat von chamo
    3. gibt es eine standart form, wo man den sozusagen nur noch die bestimmten begriffe ändern muss?

    Ganz so einfach ist es zwar nicht, aber probier es mal mit YAML.

    werd mir mal die Seite ansehen...aber der erste Blick, naja mal schaun...

    aber trotzdem thx für eure antworten und die aufklärung.

    man sieht sich... chamo