kostenloser Webspace werbefrei: lima-city


Tabelle ohne Inhalt Zentrien mit CSS

lima-cityForumProgrammiersprachenSonstige Programmiersprachen

  1. Autor dieses Themas

    m******e

    Liebes Forum,

    ich binn gerage dabei aus einer Seite, die früher mal mit FrontPage erstellt wurde (alle Formatirungen ohne CSS) die ganzen Formatirungen ind die CSS Datei zu "übertragen". Dabei binn ich auf ein Problem gestoßen. Auf der Seite sind immer Textblöck jeweils in dier Tabelle angelegt (1Spalte mal 1 Zeile). Nun möchte ich nur die Tabelle Zentriren aber nicht den Inhalt... .

    Ich hatte es mal mit diesem Code probiert

    td {
    	  text-align: center;
    	}

    und diesem
    #table {
                    table-align; center;
    }


    Damit wird beises Zentrirt (Text und Tabelle) ich habe es auch schonmal mit einer Gruppe und id probiert aber das hilft auch nichts.

    Also wie kann ich die Tabelle Zentriren ohne den Inhalt ???:confused:
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. versuchs mal mit
    #tableID{
    margin: auto auto;
    }


    Hatte davor auch das gleiche Problem nur mit DIV Containern


    Gruß Dex

    Beitrag zuletzt geändert: 2.12.2010 21:55:54 von lordcodex
  4. http://www.google.de/search?q=css+zentrieren
    http://www.wssexpert.de/Style/Examples/007/center.html
    http://faq.bubax.net/index.php?content=tablecenter

    kurzform:
    Horizontal zentriert wird mit margin: 0 auto + das A-Element muss ein block-element sein (display: block).
    text-align: center macht man nur für den alten ie 6.

    <div style="width: 100%; border: 1px red solid; text-align: center;">
    	<table  style="margin: 0 auto; text-align: left;">
    	<tr>
    	    <td>kfgzk</td>
    	    <td>fgkhgf</td>
    	</tr>
    	<tr>
    	    <td>fjkzfg</td>
    	    <td>fgjkf</td>
    	</tr>
    	</table>
    </div>



    Beitrag zuletzt geändert: 2.12.2010 23:12:02 von simuliertes
  5. Autor dieses Themas

    m******e

    Ja Danke für alle Antworten aber, lordcodex es funktiunirt nicht so richtig. Also die Tabelle mit dem Text "klebt" nun am linken Rant der Seite Hier hast du mal den Quellcode, wie ich es gemacht habe:

    Von der Seiten Datei *.html
    <h2 id="tableID">
      <table border="1" width="92%" id="table">
        <tr>
          <td width="100%"><h4><b>Winnetou</b>
            kjlhlökfsdhgklöxjhgklöxjhykldjlhkjlöxjhklögjödgoöhjdklfjhdf
            dfklghjdfjklhjdfkhdfklgjkldfjhgljkdfhjkdfhgjkdfhkjdfhgjkdfhgkjdfhgjk
             ....</h4>
            <p align="center"><img border="0" src="startbilder/bild%20010.jpg" width="93" height="150">&nbsp;
            <img border="0" src="startbilder/bild%20011.jpg" width="188" height="150">&nbsp;
            <img border="0" src="startbilder/bild%20012.jpg" width="143" height="150">&nbsp;
            <img border="0" src="startbilder/bild%20013.jpg" width="98" height="150"></p>
            <p align="center">&nbsp;</p>
            <p align="center">&nbsp;</td>
          <td width="279">
            <img border="0" src="startbilder/bild%20009.jpg" width="279" height="400"></td>
        </tr>
      </table>
      </h2>
    </div>


    von der CSS Datei
    h4 {
        color: #008000;
         font-family: Comic Sans MS, verdana, arial;
         font-style: normal;
         font-weight: normal;
         font-size: 17px;
    
    }
    
    #tableID{
    margin: auto auto;
    }
    :wink: h4 ist für die Formatirung des Inhalts, #tableID für das Zentriren

    Wie muss denn der Code nun aussehen, damit es funktionirt?:confused:
  6. Das margin muss auf die Tabelle angewendet werden, margin auto auto ist übrigens quatsch , wenn schon , dann nur 1x auto oder "0 auto"
    #table{
    margin: auto;
    }


    Wenn Du Dir die mühe gemacht hättest auf die Links zu klicken hättest Du dort auch alles nachlesen können.
    Und vor allen Dingen verstehst Du dann auch das Prinzip & musst nächstes mal nicht wieder nachfragen.

  7. Hi ,

    Um eine Tabelle zu Zentrieren reicht ganz einfach.

    <table align="center" border="1" width="92%" id="table">
    
    </table>





    mehr braucht man dafür normal nicht.


    gruß
    connor




    Beitrag zuletzt geändert: 5.12.2010 13:05:29 von connor
  8. Autor dieses Themas

    m******e

    So nun get es auch bei mir!!!


    So habe ich das ganze nun gelöst
    #tableID{
    text-align: center;
    }


    "simuliertes" hatte völlig recht man muss nur alle Seiten richtig Prüfen: Und nun weiss ich auch warum das ganze so funktionirt!!

    DANKE!!!

    an "Zitieren"

    du hast narürlich recht, aber ich möcht die Wort "center" in der HTML datei nicht mer sehen :biggrin: ... aber dennoch danke!
  9. Füge in die Tabelle ein &nbsp; ein
  10. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!