kostenloser Webspace werbefrei: lima-city


Tabellenrand und Tabellenfuß formatieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    a*******5

    Ich möchte mir ein einfaches HP Style machen. Habe ein bicchen gecodet aber jetzt komm ich doch nicht mher weiter.
    Und zwar, wie bekomme ich die weiße Ränder da raus?
    http://andre2005.lima-city.de/tabelle.html
    Mein Code sieht so aus:
    <table width="100%" border="0">
    <th bgcolor="#C1C2C2">Kopfzelle</th>
    <table width="100%"  height="100%" border="0">
     <tr>
      <td width="20%" height="100%" bgcolor="#C1C2C2">hrtg</td>
      <td width="60%" height="100%" bgcolor="#DEDFE2">g</td>
      <td width="20%" height="100%" bgcolor="#C1C2C2">hg</td>
     </tr>
    </table>
    <tfoot bgcolor="#C1C2C2">fvb</tfoot>
    </table>


    Und kann man den <tfoot Bereich auch irgend wie mit ner Farbe formatieren? Weil irgned wie ist das bei mir nur weiß.Irgend wie geht das mit bgcolor nicht.

    Editiert von moritzpeuser: Just added some code-tags...

    Beitrag geändert: 16.10.2008 17:26:11 von moritzpeuser
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. Obwohl ich das alles grundsätzlich mit CSS machen würde: Die Ränder verschwinden nach einem cellspacing="0" (cellpadding="0") im table-tag.
  4. Autor dieses Themas

    a*******5


    Obwohl ich das alles grundsätzlich mit CSS machen würde: Die Ränder verschwinden nach einem cellspacing="0" (cellpadding="0") im table-tag.


    sorry des hat mir jezt aber auch net weiter gebracht
  5. also mein tipp wäre auch css
    ist eigendlich ganz einfach. Auf self html wird die Formatierung einer Tabelle mithilfe von CSS sehr gut beschrieben.
    Mit cellpadding stellt man den Zelleninnenabstand ein, mit cellspacing den Zellenabstand.
  6. w*******1

    Setz mal für die gesamte Seite dieselbe bgcolor, wie für die Tabelle. Vielleicht klappt's dann.

    VG Willi


    Nachtrag:

    Versuch's doch mal mit KompoZer:

    http://kompozer.de/



    Beitrag geändert: 17.10.2008 14:56:02 von willih411
  7. Autor dieses Themas

    a*******5

    kay habe des so weit hinbekommen. Mache das jetzt mit CSS.
    Da gibt es aber einige Probleme:
    Meine HTML Datei sieht so aus:
    <html>
    <head>
    <title>Tabelle</title>
    <link rel="StyleSheet" href="style/style.css" type="text/css">
    </head>

    <table width="100%" border="0" bordercolor="#C1C2C2" bgcolor="#C1C2C2">
    <tr>
    <th class="td.kopfzelle">Kopfzelle</th>
    </tr>
    <tr>
    <td class="td.menue">Men&#65533;1</td>
    </tr>
    <table width="100%" height="80%" border="0" bgcolor="#C1C2C2">

    <tr>
    <td class="td.sidebar">men&#65533;2</td>
    <td class="td.contet">text</td>
    <td class="td.werbung"><a href="http://www.lima-city.de/?ref=122349"><img src="http://www.lima-city.de/images/banner/lima-city_160x600_1.gif" border="0"></a></td>
    </tr>
    </table>
    </tr>
    </table>
    <tr>
    <table width="100%" height="20px" border="1" bgcolor="#C1C2C2">
    <th bgcolor="#C1C2C2" bordercolor="#000000"><div style="text-align:right;">(c) by andre2005.net.tc Impressum Kontakt</div></th>
    </table>
    </tr>
    </table>

    und meine CSS so:

    td.kofpzelle {

    font-family: Arial;
    font-size: 15 px;
    color: #000000;


    }

    td.menue {

    text-align: center;
    background: #C1C2C2;


    }

    td.sidebar {

    width: 15%;
    height: 80%;
    font-family: Arial;
    font-size: 12 px;
    color: #000000;
    vertical-align: top;
    background: #C1C2C2;


    }

    td.contet {

    width: 75%;
    height: 80%;
    font-family: Arial;
    font-size: 12 px;
    color: #000000;
    text-align: cener;
    vertical-align: top;
    background: #DEDFE2;


    }

    td.werbung {

    width: 20%
    height: 80%
    background: #C1C2C2;



    }



    a {

    font-family: Arial;
    font-size: 12 px;
    color: #000000;

    }



    a:hover {

    font-family: Arial;
    font-size: 12 px;
    color: #000000;

    }

    Aber irgend wie wird das jetzt ganz anders angezeigt:
    http://andre2005.lima-city.de/tabelle.html

    kann mir das mal einer richtig machen?
  8. td.kofpzelle {
    
    font-family: Arial;
    font-size: 15 px;
    color: #000000;
    
    
    }


    Sollte es nicht td.kopfzelle heißen? Bei dem class-Attribut darfst du das td. nicht mit angeben! Das td. in der CSS Datei sagt nur aus, dass sich die Formatierung nur auf die <td>-Elemente bezieht. Da du bei der Kopfzelle <th> verwendest, solltest du td.kopfzelle zu th.kopfzelle ändern.

    Bei den Attributen musst du also nur das "td." entfernen, z.B.:

    <td class="menue">Menü1</td>


    Beitrag geändert: 17.10.2008 19:03:37 von spanky1408

  9. Und zwar, wie bekomme ich die weiße Ränder da raus?

    Meinst du die Ränder außenrum?

    /* CSS Code: */
    body {
      margin: 0;
      padding: 0;
    }

    Ryan

    Beitrag geändert: 17.10.2008 19:07:14 von ryanblack
  10. Autor dieses Themas

    a*******5

    danke es sieht jetzt so aus wie ich es haben wollte
  11. 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!