kostenloser Webspace werbefrei: lima-city


Css tabellenformatierung... problem

lima-cityForumDie eigene HomepageHomepage Allgemein

  1. Autor dieses Themas

    jubworld

    jubworld hat kostenlosen Webspace.

    hallo also ich m?cht meine HP mit css machen. jetzt hab ich gedacht so klappt das aber da muss wohl was fehlen oder einfach falsch sein..
    code css:
    Code:

    body {
    background-color: #dcdcdc;
    margin: 0;
    scrollbar-base-color: #808080;
    scrollbar-3dlight-lolor: #a9a9a9;
    scrollbar-arrow-color: #696969;
    scrollbar-darkshadow-color: #696969;
    scrollbar-track-color: #dcdcdc;
    text-decoration: none;
    }

    .tableform {
    padding: 5px;
    border-collapse: collapse;
    background-color: #ffffff;
    height: 100%;
    width: 900px;
    border: 1px solid #808080;
    table-layout: fixed;
    }

    .tablestyle {
    padding: 5px;
    border-collapse: collapse;
    background-color: #ffffff;
    height: 100%;
    width: 890px;
    table-layout: fixed;
    border: 1px solid #808080;
    }

    .oben {
    height: 100px;
    }

    .links {
    width: 150px;
    }

    .mitte {
    width: 620px;

    }

    .rechts {
    width: 120px;

    }

    .unten {
    height: 20px;
    colspan: 3;
    }

    #menu ul {
    list-style-type: none;
    width: 130px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    }

    #menu li {
    margin-bottom: 5px;
    }

    #menu li a {
    height: 20px;
    text-decoration: none;
    color: #505050;
    display: block;
    padding: 6px 0 3px 11px;
    background: #f4f4f4;
    border-left: 4px solid #cccccc;
    }

    #menu li a:hover {
    background: #eaeaea;
    color: #286ea0;
    border-left: 4px solid #286ea0;
    }




    hier die index.html:
    Code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <link rel="stylesheet" href="style/style.css" type="text/css" />
    <title>JubWorld.de :::</title>
    </head>
    <body>
    <table class="tableform">
    <tr><td class="oben">
    <table class="tablestyle">
    <tr><td class="links">
    <div align="center" id="menu">
    <ul>
    <li><a href="index.html">Hallo</a></li>
    <li><a href="index.html">Hallo2</a></li>
    </ul>
    </div>
    </td><td class="mitte">

    </td><td class="rechts">

    </td></tr>
    <tr><td class="unten">

    </td></tr>
    </table>

    </td></tr>
    </talbe>

    </body>
    </html>



    die css datei ist noch in einem unterordner "style" ... sieht man ja...
    w?re echt dankbar weil ich probier da jetzt schon ne stunde rum und schnalls nicht.

    mfg
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. benutzernaemelchen

    Kostenloser Webspace von benutzernaemelchen

    benutzernaemelchen hat kostenlosen Webspace.

    Was ist denn genau der Fehler?
  4. Autor dieses Themas

    jubworld

    jubworld hat kostenlosen Webspace.

    probiers ma aus....
    mach nen ordner "test" oder so und mach index.html da rein, dann mach in dem ordner "test" noch einen "style" und darein die style.css ... dann kannstes anschauen...
    der fehler ansich is dass die tabelle nich auf der seite angezeigt wird...
    mfg
  5. ich kann keinen Fehler finden bei mir zeigt es alles an.

    hast du irgendwo nen schreibfehler im style-dateinamen oder im ordner-namen
    oder hast du css deaktiviert?

    Beitrag ge?ndert am 13.07.2006 13:59 von robin
  6. benutzernaemelchen

    Kostenloser Webspace von benutzernaemelchen

    benutzernaemelchen hat kostenlosen Webspace.



    jubworld schrieb:
    probiers ma aus....
    mach nen ordner 'test' oder so und mach index.html da rein, dann mach in dem ordner 'test' noch einen 'style' und darein die style.css ... dann kannstes anschauen...
    der fehler ansich is dass die tabelle nich auf der seite angezeigt wird...
    mfg

    Wieso l?dst du die Seite nicht einfach mal hoch?





    robin schrieb:
    ich kann keinen Fehler finden bei mir zeigt es alles an.

    hast du irgendwo nen schreibfehler im style-dateinamen oder im ordner-namen
    oder hast du css deaktiviert?

    Beitrag ge?ndert am 13.07.2006 13:59 von robin

    Seit wann kann man denn CSS deaktivieren?





    Hast du vielleicht einfach nur die border-eigenschaft vergessen?
  7. robin schrieb:
    hast du irgendwo nen schreibfehler im style-dateinamen oder im ordner-namen
    oder hast du css deaktiviert?

    Seit wann kann man denn CSS deaktivieren?
    Hast du vielleicht einfach nur die border-eigenschaft vergessen?


    Opera:
    Extras -> Einstellungen...
    Erweitert -> Inhalte -> Darstellungs-Optionen...
    Darstellungsmodi
    [v] Stylesheets der Seite

    DA KANNST NEN HAKEN SETZEN
  8. Autor dieses Themas

    jubworld

    jubworld hat kostenlosen Webspace.

    ok hochgeladen ...
    www.jubworld.de/NEUEhp/
    da isses...
    mfg
  9. s**7

    sieht doch schonmal nicht schlecht aus,
    wobei am rechten Rand auch noch eine Reihe wei?e Pixel hinsollte wie ich finde.
  10. Autor dieses Themas

    jubworld

    jubworld hat kostenlosen Webspace.

    hmm ich glaube ihr versteht nich ganz...
    die tabelle wird falsch angezeigt.......
    eigtl sollte sie ?ber die ganze seite gehen... und die breite sollte 900px sein und dann auch links und rechts ein grauer rand ca 50px oder so breit...
    mfg
  11. .tableform {
    border-collapse: collapse;
    background-color: #ffffff;
    height: 100%;
    width: 900px;
    border: 1px solid #808080;
    table-layout: fixed;

    margin-left:50px;
    margin-right:50px;
    }

    .tablestyle {
    margin:5px;

    border-collapse: collapse;
    background-color: #ffffff;
    height: 100%;
    width: 890px;
    table-layout: fixed;
    border: 1px solid #808080;
    }

    -----------------------------

    <body>
    <table class="tableform">
    <tr>
    <td class="oben">&nbsp;</td>
    </tr>
    <tr>
    <td>
    <table class="tablestyle">
    <tr>
    <td class="links">
    <div align="center" id="menu">
    <ul>
    <li><a href="index.html">Hallo</a></li>
    <li><a href="index.html">Hallo2</a></li>
    </ul>
    </div>
    </td>
    <td class="mitte">&nbsp;</td>
    <td class="rechts">&nbsp;</td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td class="unten">&nbsp;</td>
    </tr>
    </table>
    </body>

    -----------------------------

    so in etwa?
  12. Autor dieses Themas

    jubworld

    jubworld hat kostenlosen Webspace.

    ne sry hab mich wohl nich so clever ausgedr?ckt...
    die tbelle soll so aussehen:
    <table align="center" width="900px" height="100%">
    ...
    mfg

    Beitrag ge?ndert am 13.07.2006 15:26 von jubworld

  13. ne sry hab mich wohl nich so clever ausgedr?ckt...
    die tbelle soll so aussehen:
    <table align="center" width="900px" height="100%">
    ...
    mfg

    Beitrag ge?ndert am 13.07.2006 15:26 von jubworld

    dann musst das entweder mit
    <table align="center">
    machen, oder mit
    margin-left:auto;margin-right:auto;
    nur letzteres verstehen manche browser nicht
  14. a*b

    ... nim mal das margin raus, ganz raus .
  15. 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!