Tabelle: vertical-align

Diskutiere das Thema Tabelle: vertical-align im Forum Web-Design

  1. Luzzy

    Luzzy Thread Starter Mitglied

    Beiträge:
    45
    Zustimmungen:
    0
    Mitglied seit:
    01.03.2007
    Hallo,

    ich habe immer gedacht die vertikale ausrichtung einer Tabellenzelle macht man mit vertical-align liege ich da richtig?
    Dies funktioniert aber nicht auf meiner Homepage. Weder unter Safari, noch Firefox oder Netscape. (IE da klappt das ganze Layout sowieso noch nicht, hab ich also noch nicht getestet.)

    Hier die Details:

    table#thumbnailsGraphics{
    table-layout: fixed;
    width: 330px;
    height: 330px;
    background-color: #FFFFFF;
    margin-left: 185px;
    margin-top: 15px;
    position: absolute;
    }

    table#thumbnailsGraphics td{
    width: 110px;
    height: 110px;
    border: 1px solid black;
    vertical-align: middle;
    text-align: center;
    }

    Seite:
    http://www.claudia-cyan.de/index.php?section=paintings

    Weiss jemand Rat? Im vorraus vielen Dank

    lg luzzy
     
  2. DrSteino

    DrSteino Mitglied

    Beiträge:
    1.403
    Zustimmungen:
    44
    Mitglied seit:
    27.08.2007
  3. ThaHammer

    ThaHammer Mitglied

    Beiträge:
    3.294
    Zustimmungen:
    13
    Mitglied seit:
    01.06.2004
    Validation: 133 Errors. Wundert mich das man das nicht sieht? :)

    Zum Layout was anderes. Mache statt dem Valign einfach ein Margin um die Bilder.
     
  4. Luzzy

    Luzzy Thread Starter Mitglied

    Beiträge:
    45
    Zustimmungen:
    0
    Mitglied seit:
    01.03.2007
    Ich habe das Problem jetzt gelöst:

    line-height: 0; bei <td> einfügen und dann noch zusätzlich für <img>

    table#thumbnailsGraphics td img{
    display: block;
    margin: auto;
    }
    sieht mir aber wie ein ziemliches gefummel aus (um nicht zu sagen dirty Hack) oder macht man das so?

    Danke ThaHammer! Aber was meinst Du eigentlich mit
    "Validation: 133 Errors."
    :hum:
    Wie soll ich das nur verstehen?

    lg luzzy
     
  5. bernie313

    bernie313 Mitglied

    Beiträge:
    22.181
    Zustimmungen:
    2.396
    Mitglied seit:
    20.08.2005
    Gib hier deine Webseite ein und du erhältst Auskunft darüber wie oft es hakt auf deiner Seite:
    http://validator.w3.org/
     
  6. UDH5

    UDH5 Mitglied

    Beiträge:
    429
    Zustimmungen:
    26
    Mitglied seit:
    05.07.2007
    <td valign="middle"> ist das, was den Effekt brächte, Style vertical-align:middle beeinflusst nur die Textausrichung, z.B. relativ zu einem Bild.
    http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align
    Was der W3C-Validator als Fehler registriert, hängt an erster Stelle vom angegebenen Dokumententyp ab, deiner ist XHTML 1.0 Strict. Schon der erste tag <html> stimmt dann nicht, der Validator schlägt dir deshalb <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> vor. Viele Fehler, die angemerkt werden, entstehen durch die falsche Auszeichnung "leerer Elemente", <img ...> müsste z.B. <img ... /> heißen. Ein Fehler wird sich aber nicht abstellen lassen, wenn du XHTML 1.0 Strict zusammen mit deinen Javascript-MouseOvers verwendest (<img name="artPic" ...) Das Attribut name gibt es nicht in XHTML 1.0 Strict. Das einfachste wäre also, du verwendest einen Dokumententyp, der die Atrribute name und border in einem image-tag akzeptiert (Attribut alt fehlt aber dennoch).
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    EDIT: <td valign="middle"> ist default, d.h. <td> bedeutet <td valign="middle">
     
  7. ThaHammer

    ThaHammer Mitglied

    Beiträge:
    3.294
    Zustimmungen:
    13
    Mitglied seit:
    01.06.2004
    Ich hab den Quellcode nicht gelesen! Nur validiert!

    Aber mal zu XML Tag. Ich brauche den leider öfters, weil ich ungern hernehme. Eben wegen der besagten Problematik! Was nehme ich am Besten her?
     
  8. UDH5

    UDH5 Mitglied

    Beiträge:
    429
    Zustimmungen:
    26
    Mitglied seit:
    05.07.2007
    Ich denke, es kommt da auf den Inhalt und den Verwendungszeck an; für CMS nehme ich gewohnheitsgemäß XHTML 1.0 Transitional, hauptsächlich wegen der Target-Attribute zum Öffnen von Seiten. Bei Strict entfällt das Target-Attribut, es soll dem Benutzer überlassen werden, ob er den Link direkt öffnet, oder, über Mausmenü, die Seite in einem neuen Fenster öffnet - dabei wird meiner Ansicht nach ein Interesse an Dokumenten-Strukturen, sowohl beim Site-Besucher als auch bei den Redakteuren, vorausgesetzt, das eigentlich nicht vorhanden ist. Viele haben sich daran gewöhnt das Fenster bzw. den Tab zu schließen, um auf die Ausgangsseite zurückzukehren - besonders bei Windows ist es lästig, wenn dann gleich der Browser beim Schließen beendet wird, und man sich eventuell nach Browser-Neustart neu einloggen muss. Ein zweiter Grund ist das Session-Problem: Sobald Cookies deaktiviert sind, landet in Formularen der Tag für den Fallback an falscher Position außerhalb des Fieldsets (habe allerdings auch noch gar nicht ausprobiert, ob man das über die php.ini beeinflussen kann). Da ich aber meinen Kunden valides XHTML anbieten will (das sehe ich auch als gute Rahmenbedingung für den Gestaltungsauftrag), nehme ich dann lieber transitional. Bei statischen Seiten, bzw. Nicht-CMS käme strict für mich vielleicht in Frage - solche Aufträge bekomme ich aber eher selten. Kurze Info zum Thema DOCTYPE-Switch.

    Allerdings sollte man auch berücksichtigen, dass der Validator keine Aussage macht, ob ein Dokument einen sinnvollen semantischen Aufbau hat. Steht höchstens als Anmerkung da, dass es jenseits der fehlerfreien Seite auch noch anderes gibt.

    Meine Meinung - es gibt bestimmt viele, die es anders sehen.
     
  9. Luzzy

    Luzzy Thread Starter Mitglied

    Beiträge:
    45
    Zustimmungen:
    0
    Mitglied seit:
    01.03.2007
    Hi,

    dank eurer Hilfe habe ich es jetzt geschafft einiger maßen validen XHTML-code zu schreiben. Allerdings habe ich jetzt probleme meinen CSS-Code zu testen über per URI bricht der Test immer ab mit der Fehlermeldung:

    Servlet has thrown exception:javax.servlet.ServletException: Timed out

    Wenn ich das per File-Upload teste bricht der Test bei Zeile 131 ab.

    Teile ich das File in zwei separate Teile funktioniert der Test per Direkteingabe allerdings kommt dann die Fehlermeldung:

    table.PicturesTable td Die Eigenschaft valign existiert nicht : middle

    (der erste Teil funktioniert)

    Ist valign: middle also nach CSS 2.1 oder 3 nicht "valide"?


    Ans Anhang noch das CSS-File ist ziemlich lang und bisher ziemlich unübersichtlich:
     
  10. Luzzy

    Luzzy Thread Starter Mitglied

    Beiträge:
    45
    Zustimmungen:
    0
    Mitglied seit:
    01.03.2007
    das mit dem Anhang hat nicht funktioniert, ungültiges Dateiformat:

    bei mir heißt das natürlich layout.css
     

    Anhänge:

Die Seite wird geladen...
Ähnliche Themen - Tabelle vertical align
  1. Escorpio
    Antworten:
    0
    Aufrufe:
    285
  2. Theo2459
    Antworten:
    4
    Aufrufe:
    1.584
  3. hightime-fan
    Antworten:
    0
    Aufrufe:
    2.357
  4. ben-pen
    Antworten:
    2
    Aufrufe:
    563
  5. wusa
    Antworten:
    4
    Aufrufe:
    1.350

MacUser.de weiterempfehlen

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Akzeptieren Weitere Informationen...