1. Lieber Benutzer,

    Du musst bei uns registriert sein, um an den Diskussionen teilzunehmen. Melde dich jetzt an - kostenfrei und unverbindlich. Und stelle Deine eigenen Fragen oder gib uns hilfreiche Antworten

Warum wird Text nicht zentriert?

Dieses Thema im Forum "CSS" wurde erstellt von mj23, 1 Mai 2012.

  1. mj23

    mj23 Neues Mitglied

    Registriert seit:
    1 Mai 2012
    Beiträge:
    7
    Punkte für Erfolge:
    0
    Das ist mein HTML-Code

    <thead>


    a name="playoffs"><h5>Playoffs</h5></a>


    <table class="season">
    <tr><tr id="pf"><td><span style="visibility: hidden;">"nothing"</span></td></tr>
    <tr><th>Season</th></tr>
    <tr><td align="left">1984-85</td></tr>
    <tr><td align="left">1985-86</td></tr>
    <tr><td align="left">1986-87</td></tr>
    <tr><td align="left">1987-88</td></tr>
    <tr><td align="left">1988-89</td></tr>
    <tr><td align="left">1989-90</td></tr>
    <tr><td align="left">1990-91</td></tr>
    <tr><td align="left">1991-92</td></tr>
    <tr><td align="left">1992-93</td></tr>
    <tr><td align="left">1994-95</td></tr>
    <tr><td align="left">1995-96</td></tr>
    <tr><td align="left">1996-97</td></tr>
    <tr><td align="left">1997-98</td></tr>
    <tr id="career"><td align="left">Career</td></tr>
    </table>


    <div id="stats">


    <table>


    <thead>


    <tr id="pf">
    <td colspan="4"></td>
    <td align="center" colspan="16">Totals</td>
    <td align="center" colspan="3">Shooting</td>
    <td align="center" colspan="4">Per Game</td>
    </tr>




    <tr>
    <th>Season</th>
    <th>Age</th>
    <th><span title="Team">Tm</span></th>
    <th><span title="League">Lg</span></th>
    <th><span title="Games">G</span></th>
    <th><span title="Minutes played">MP</span></th>
    <th><span title="Field Goals">FG</span></th>
    <th><span title="Field Goals Attempts">FGA</span></th>
    <th><span title="3-Point Field Goals">3P</span></th>
    <th><span title="3-Point Field Goals Attempts">3PA</span></th>
    <th><span title="Free Throws">FT</span></th>
    <th><span title="Free Throws Attempts">FTA</span></th>
    <th><span title="Offensive Rebounds">ORB</span></th>
    <th><span title="Total Rebounds">TRB</span></th>
    <th><span title="Assists">AST</span></th>
    <th><span title="Steals">STL</span></th>
    <th><span title="Blocks">BLK</span></th>
    <th><span title="Turnovers">TOV</span></th>
    <th><span title="Personal Fouls">PF</span></th>
    <th><span title="Points">PTS</span></th>


    <th><span title="Field Goal Percentage">FG%</span></th>
    <th><span title="3-Point Field Goal Percentage">3P%</span></th>
    <th><span title="Free Throws Percentage">FT%</span></th>


    <th><span title="Minutes played">MP</span></th>
    <th><span title="Points">PTS</span></th>
    <th><span title="Total Rebounds">TRB</span></th>
    <th><span title="Assists">AST</span></th>


    </tr>
    </thead>


    <tbody>


    [...]


    Der CSS-Code

    .text #stats table {
    cursor: default;
    border-spacing: 0;
    width: 983px;
    }


    .text #stats table tr:hover, .text table.season tr:hover {
    color: red;
    font-style: italic;
    }


    .text #stats th, .text .season th {
    border: #AAA 1px solid;
    background: #DADCDE;
    color: #A00;
    text-align: center;
    border-collapse: collapse;
    font: bold .6875em Verdana;
    text-align: center;
    padding: 3px;
    }


    .text #stats td, .text .season td {
    padding: 3px;
    border: 1px #AAA dotted;
    font-size: .6875em;
    background: white;
    font-family: Helvetica;
    text-align: right;
    }


    .text #stats td[align=left], .text .season td[align=left] {
    text-align: left;
    }
    .text #stats tr#career, .text .season tr#career {
    background: #DADCDE;
    }


    .text #stats tr#career td, .text .season #career td, .text #stats #pf td, .text .season #pf td {
    border: #AAA 1px dotted;
    border-bottom: #747678 solid 1px;
    border-top: #747678 solid 1px;
    padding: 3px;
    font-weight: 700;
    background: #DADCDE;
    }


    .text #stats #pf td, .text .season #pf td {
    border-style: solid;
    border-width: 1px;
    }


    .text .season #pf td[align=center] {
    text-align: -webkit-center;
    }


    .text #stats tr#career:hover, .text .season tr#career:hover, .text #stats #pf:hover, .text .season #pf:hover {
    color: black;
    font-style: normal;
    }


    .text .season tr td:first-child, .text .season tr th:first-child, .text .season #career td:first-child, .text .season #pf td:first-child {
    border-left: 1px solid #747678;
    }


    .text #stats tr td:last-child, .text #stats tr th:last-child, .text #stats tr#career td:last-child, .text .season tr td:last-child, .text .season tr th:last-child, .text .season #pf td:last-child, .text .season #career td:last-child, .text #stats #pf td:last-child {
    border-right: 1px solid #747678;
    }


    .text #stats tr td:first-child, .text #stats tr th:first-child, .text #stats tr#career td:first-child, .text #stats #pf td:first-child {
    border-left: 0;
    }


    .text span {
    cursor: help;
    }


    .text table.season {
    border-spacing: 0;
    cursor: default;
    float: left;
    display: inline;
    width: 60px;
    margin-top: 7px;
    margin-right: 0;
    }


    Befehl align="left" funktioniert, center nicht; Wäre nett, wenn sich jemand die Zeit nimmt sich den Code durchzulesen

    Danke für jede Antwort im Voraus
    Werbung: Jetzt registrieren, damit diese Werbung verschwindet
  2. threadi

    threadi Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    13.757
    Punkte für Erfolge:
    63
    Dein HTML-Code ist fehlerhaft, schon die ersten paar Zeilen. Und semantisch machen sie auch wenig Sinn.

    Hinweis: Bitte verwende Code-Tags um Quellcode im Forum zu zeigen. Dann wäre er auch übersichtlicher dargestellt.

    Das HTML-Attribut align bringt dir nichts, wenn Du den Inhalt der Zelle per CSS ausrichtest. Wenn Du den Inhalt der Zelle zentrieren willst, mache das ebenfalls per CSS:

    Code (text):
    1. text-align: center;
  3. mj23

    mj23 Neues Mitglied

    Registriert seit:
    1 Mai 2012
    Beiträge:
    7
    Punkte für Erfolge:
    0
    habe ich ja probiert und bei align left hat es nur so funktioniert,
    P.S. Teile von oben fehlen
  4. threadi

    threadi Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    13.757
    Punkte für Erfolge:
    63
    Deine Antwort verstehe ich nicht. Was fehlt? Und was hast Du probiert? Offenbar nicht wie ich sage die CSS-Eigenschaft sondern das HTML-Attribut?!
  5. mj23

    mj23 Neues Mitglied

    Registriert seit:
    1 Mai 2012
    Beiträge:
    7
    Punkte für Erfolge:
    0
    ist jetzt auch egal, ich habe einen Lauftext eingebaut

    P.S.: @threadi ich habe alles ausprobiert, mehrmals
  6. threadi

    threadi Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    13.757
    Punkte für Erfolge:
    63
    Zeig mal deine Versuche. Beim Quellcode oben sind wie ich schon sagte die Fehler ja eindeutig erkennbar. Evtl. wäre auch ein Link zur Seite hilfreich.
  7. mj23

    mj23 Neues Mitglied

    Registriert seit:
    1 Mai 2012
    Beiträge:
    7
    Punkte für Erfolge:
    0
    ist nur ne private, nicht freigegebene seite und der quellcode ist mit crica 55 kb ziemlich groß

Diese Seite empfehlen