<td> mit CSS-Formatieren.

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • <td> mit CSS-Formatieren.

    Ich habe die Class="footer"

    und so sieht sie aus:
    Code:
    .footer
        {
            font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    	    font-size : 13px;
    	}
    Wie muss ich jetzt die Class erweiter das ich es centriert bekomme.
    *winks*
    Gilbert
    ------------------------------------------------
    Hilfe für eine Vielzahl von Problemen!!!
    http://www.1st-rootserver.de/

  • #2
    text-align:center;

    oder was meinst du?
    Kissolino.com

    Kommentar


    • #3
      Damt zentriest du den Text, der sich innerhalb des Blockelements befindet.

      Was Wotan meint ist:

      Code:
      margin-left: auto;
      margin-right: auto;
      Allerdings ist der IE natürlich zu dumm, dass zu erkennen, weshalb du im Elternelement deines Footers (meist wäre das ja "body") den text-align auf center setzen musst. Vergiß aber nicht, dass dann wieder im Element, welches zentriert werden soll, zu neutralisieren.

      Ansonsten: Suchfunktion! Beim tippen ist mir grade aufgefallen, dass ich genau das selbe vor nicht allzu langer Zeit schon einmal getippt habe! Das man das einem Moderator sagen muss...

      Kommentar


      • #4
        Code:
        <tr>
            <td colspan="2" class="footer" bgcolor="#f7f7f7">
            <table width="100%" border="0">
        <tr>
            <td class="footer">Copyright</td>
        </tr>
            <td class="footer"><a href="http://validator.w3.org/check/referer">
        <img border="0" src="http://www.w3.org/Icons/valid-html401"
         alt="Valid HTML 4.01!" height="31" width="88"></a>
            <a href="http://jigsaw.w3.org/css-validator/validator-uri.html">
        <img style="border:0;width:88px;height:31px"
         src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"></td>
        </tr>
        </table>
        </td>
        </tr>
        Das meine ich. Nur möchte ich die Tabelle in der Mitte haben. Das bekomme ich ja normal mit folgenden Code hin:
        Code:
        <td align="center">
        *winks*
        Gilbert
        ------------------------------------------------
        Hilfe für eine Vielzahl von Problemen!!!
        http://www.1st-rootserver.de/

        Kommentar


        • #5
          Nene.. <td> ist das Tag für eine Zelle! Damit kannst du keine komplette Tabelle zentrieren.

          Um die komplette Tabelle in die Mitte zu setzen, muss, wie in meinem ersten Post beschrieben, der Tabelle die CSS-Eigenschaft "margin" auf folgende Werte gesetzt werden:

          Code:
          margin-left: auto;
          margin-right: auto;
          Im Elternelement musst du allerdings die Css-Eigenschaft "text-align" auf "center" setzen, damit der IE die Tabelle auch zentriert!

          Kommentar


          • #6
            Bis jetzt habe ich das immer so gemacht:
            Code:
            <tr>
            <td align=center>
            <table>
            <tr>
            <td>footer</td>
            </tr>
            </table>
            </td>
            </tr>
            Damit bekomme ich die innere Tabelle immer Zentriert dargestellt.

            Wie mache ich das jetzt aber mit CSS?
            *winks*
            Gilbert
            ------------------------------------------------
            Hilfe für eine Vielzahl von Problemen!!!
            http://www.1st-rootserver.de/

            Kommentar


            • #7
              Obwohl ich es hasse, dass "style"-Attriput zu verwenden, mache ich es mal, um es dir zu verdeutlichen!

              Code:
              <tr>
              <td style="text-align: center;">
              <table style="margin-left: auto; margin-right: auto; text-align: left">
              <tr>
              <td>footer</td>
              </tr>
              </table>
              </td>
              </tr>
              Ich hoffe, du hast es nun verstanden!

              Kommentar


              • #8
                Gut nun habe ich es hin bekommen. Ist zwar genau anders rum, aber die Erklärung war richtig. Danke dir.
                *winks*
                Gilbert
                ------------------------------------------------
                Hilfe für eine Vielzahl von Problemen!!!
                http://www.1st-rootserver.de/

                Kommentar


                • #9
                  Das ist eigentlich auch ein Hack. Wegen dem IE. Aber hab ich ja jetz auch schon 2 mal gesagt

                  Kommentar


                  • #10
                    OffTopic:
                    Übrings, ich bin Direkt kein Mod, Sondern nur für das Script-Archiv und das Bücher-Forum zuständig.
                    *winks*
                    Gilbert
                    ------------------------------------------------
                    Hilfe für eine Vielzahl von Problemen!!!
                    http://www.1st-rootserver.de/

                    Kommentar

                    Lädt...
                    X