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

584

    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. Useita puukotettu Tampereella

      Mikäs homma tämä nyt taas on? "Useaa henkilöä on puukotettu Tampereen keskustassa kauppakeskus Ratinan lähistöllä." ht
      Tampere
      148
      2814
    2. Asiakas iski kaupassa varastelua tehneen kanveesiin.

      https://www.iltalehti.fi/kotimaa/a/33a85463-e4d5-45ed-8014-db51fe8079ec Oikein. Näin sitä pitää. Kyllä kaupoissa valtava
      Maailman menoa
      363
      2017
    3. Leipivaaran päällä on kuoleman hiljaista.

      Suru vai suuri helpotus...
      Puolanka
      40
      1757
    4. Kuka rääkkää eläimiä Puolangalla?

      Poliisi ampui toistakymmentä nälkiintynyttä eläintä Puolangalla Tilalta oli ollut karkuteillä lähes viisikymmentä nälkii
      Puolanka
      35
      1678
    5. Meneeköhän sulla

      oikeasti pinnan alla yhtä huonosti kuin mulla? Tai yhtä huonosti mutta jollain eri tyylillä? Ei olisi pitänyt jättää sua
      Ikävä
      31
      1393
    6. Jos ei tiedä mitä toisesta haluaa

      Älä missään nimessä anna mitään merkkejä kiinnostuksesta. Ole haluamatta mitään. Täytyy ajatella toistakin. Ei kukaan em
      Ikävä
      94
      1213
    7. Määpä tiijän että rakastat

      Minua nimittäin. Samoin hei! Olet mun vastakappaleeni.
      Ikävä
      54
      1173
    8. Muutama kysymys ja huomio hindulaisesta kulttuurista.

      Vedakirjoituksia pidetään historiallisina teksteinä, ei siis "julistuksena" kuten esimerkiksi Raamattua, vaan kuten koul
      Hindulaisuus
      327
      949
    9. Jumala puhui minulle

      Hän kertoi sinusta asioita, joiden takia jaksan, uskon ja luotan. Hän kuvaili sinua minulle ja pakahduin onnesta kuulles
      Ikävä
      110
      938
    10. Annan meille mahdollisuuden

      Olen avoimin mielin ja katson miten asiat etenevät. Mutta tällä kertaa sun on tehtävä eka siirto.Sen jälkeen olen täysil
      Ikävä
      53
      782
    Aihe