Tablen sisällä table?

Pölötukka

Huomasin yhden ongelman tehdessäni sivuja. Eli miten saan lomakkeeni tablen sisään? Kun tämä lomakekin on table ja se sitten lentää ties minne vaikka sen pitäisi olla alkuperäisen tablen sisällä. Tablen muotoilut on tehty CSS:llä. Miten saan lomakkeen tablen sisään ja miten voin muotoilla lomakkeenkin tablen css:llä? Siis kun html:llässä kummankin lopussa on table niin se on vähän kinkkistä. Kai se nyt jotenkin pitäisi onnistua :D

4

632

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Ridge

      Kyllä niitä voi tyrkätä sisäkkäin vaikka kuinka monta, laitat vaan td-tagien väliin..

      Kokeile niitä tableja ilman css-tyylejä, olisko siellä joku väärin et se heittää sitä minne sattuu tai molemmissa on sama id/class jne..??

      Laita koodia tänne niin selviää..!!

      • Pölötukka

        HTML-osa: (olen pyyhkinyt esim. lomakkeesta pois tietoja)


        The Avril Maniacs Fanlisting









        HOME












        *Name:












        CSS-osa:

        body {
        background-image:url(tausta.jpg);
        }

        a:link, a:visited, a:active {
        cursor: default;
        text-decoration:none;
        color: #FFFFFF;
        font-weight:bold;
        }

        a:hover {
        color: #8B2323;
        text-decoration : underline;
        }

        h1 {
        font-family: verdana;
        color: #000000;
        font-size: 14px;
        text-align:center;
        }

        h2 {
        font-family: verdana;
        font-weight:normal;
        color: #000000;
        font-size: 7px;
        text-align:center;
        }

        h3 {
        font-family: verdana;
        font-weight:normal;
        color: #000000;
        font-size: 7pt;
        text-align:left;
        }

        table {
        table-layout:fixed;
        border-spacing:5px;
        width:280;
        position:absolute;
        top:190px;
        left:310px;
        }

        #navcontainer {
        position:absolute;
        top:180px;
        left:520px;
        background: transparent;
        width: 30%;
        margin: 0 auto;
        padding: 1em 0;
        font-family: verdana;
        font-weight:normal;
        color: #000000;
        font-size: 7pt;
        text-align: center;
        text-transform: uppercase;
        }

        ul#navlist
        {
        text-align: center;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 45%;
        }

        ul#navlist li
        {
        display: block;
        margin: 0;
        padding: 2;
        }

        ul#navlist li a
        {
        display: block;
        width: 100%;
        padding: 0.2em;
        border-width: 1px;
        border-style:Dashed;
        color: #000000;
        text-decoration:none;
        background-image:url(push2.jpg);
        }

        #navcontainer>ul#navlist li a { width:auto; }

        ul#navlist li a:hover, ul#navlist li#active a:hover
        {
        color: #FFFFFF;
        background: transparent;
        border-color: #000000 #000000 #000000 #000000;
        }


      • Ridge
        Pölötukka kirjoitti:

        HTML-osa: (olen pyyhkinyt esim. lomakkeesta pois tietoja)


        The Avril Maniacs Fanlisting









        HOME












        *Name:












        CSS-osa:

        body {
        background-image:url(tausta.jpg);
        }

        a:link, a:visited, a:active {
        cursor: default;
        text-decoration:none;
        color: #FFFFFF;
        font-weight:bold;
        }

        a:hover {
        color: #8B2323;
        text-decoration : underline;
        }

        h1 {
        font-family: verdana;
        color: #000000;
        font-size: 14px;
        text-align:center;
        }

        h2 {
        font-family: verdana;
        font-weight:normal;
        color: #000000;
        font-size: 7px;
        text-align:center;
        }

        h3 {
        font-family: verdana;
        font-weight:normal;
        color: #000000;
        font-size: 7pt;
        text-align:left;
        }

        table {
        table-layout:fixed;
        border-spacing:5px;
        width:280;
        position:absolute;
        top:190px;
        left:310px;
        }

        #navcontainer {
        position:absolute;
        top:180px;
        left:520px;
        background: transparent;
        width: 30%;
        margin: 0 auto;
        padding: 1em 0;
        font-family: verdana;
        font-weight:normal;
        color: #000000;
        font-size: 7pt;
        text-align: center;
        text-transform: uppercase;
        }

        ul#navlist
        {
        text-align: center;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 45%;
        }

        ul#navlist li
        {
        display: block;
        margin: 0;
        padding: 2;
        }

        ul#navlist li a
        {
        display: block;
        width: 100%;
        padding: 0.2em;
        border-width: 1px;
        border-style:Dashed;
        color: #000000;
        text-decoration:none;
        background-image:url(push2.jpg);
        }

        #navcontainer>ul#navlist li a { width:auto; }

        ul#navlist li a:hover, ul#navlist li#active a:hover
        {
        color: #FFFFFF;
        background: transparent;
        border-color: #000000 #000000 #000000 #000000;
        }

        Ainakin ekasta divistä puuttuu lopetus, nyt css:ssä on määritelty table ilman id:tä, nyt tuo koskee molempia tableja, laita id tai class molempiin tableihin..!!


    • Pölötukka

      Kiitos paljon ohjeista! :)

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Taas nuoren kuolema

      Vasunmäentiellä paha onnettomuus. Nuori nainen menehtyi. Niiin sydäntä riipaisevaa 😭
      Lapua
      113
      4364
    2. Elikkäs persuissa ovat pahimmat häiriköijät

      Koska sieltä tuli kaikkein kovin ulahdus. Persujen peesissä seuraa kokoomus js hajuraon päässä röhkii kepulaiset. Olipa
      Maailman menoa
      69
      3254
    3. "Skandaali muhii SDP:ssä" - "pelon ilmapiiri vallitsee"

      Puolueen johto on vähintään vastuussa ilmapiiristä, jossa häirinnän uhrit eivät ole saaneet ääntään kuuluviin. Vyyhdin
      Maailman menoa
      104
      3134
    4. Tehomaksu rankaisisi normaalista sähkönkäytöstä

      Energiaviraston valmistelema tehomaksumalli herättää aiheellista huolta erityisesti tavallisten kotitalouksien näkökulma
      Maailman menoa
      39
      2581
    5. Ahdistelu ongelmaa vain vasemmistossa - ei oikeiston edustajissa

      Mutta demarit ovat tunnetusti sivistymättömiä, ja vähemmän fiksuja.
      Maailman menoa
      28
      2282
    6. Kuinka paljon teillä

      on ikäeroa?
      Ikävä
      107
      1533
    7. Sinusta kulta paljastuikin yllättävä

      taito. Vaikuttavaa. ❤️
      Ikävä
      49
      1046
    8. Trump asettaa Grönlannin kaappausta vastustaville Euroopan maille 10% tuontitullin

      Suomi mukana näissä maissa. Myöhemmin Trump aikoo nostaa tuontitullit 25%:iin kesäkuun alusta, jos Grönlannin kaappausta
      Maailman menoa
      295
      981
    9. 49
      802
    10. Mitä luulet mies

      Olisko tämä mun mustasukkaisuus iso ongelma meidän suhteessa? Tiedän, että se ei ole hyvä asia, mutta tykkään susta niin
      Ikävä
      53
      637
    Aihe