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

679

    Vastaukset 4

    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. Anni Ihamäki saa tylyä kommenttia TTK:sta - Erityisesti tämä "vääryys" ärsyttää

      Kaikille ei ole mieleen se, että Anni Ihamäki on mukana uudella Tanssii Tähtien Kanssa -kaudella. Ihamäki saa varsin ty
      Kotimaiset julkkisjuorut
      52
      1640
    2. Päivän Riikka: Pandan suklaatehdas Jyväskylästä Viroon

      Menkää töihin! Viroon! --- Liki sata vuotta kestänyt suklaantuotanto makeisvalmistaja Pandan tehtaalla Vaajakoskella pä
      Maailman menoa
      360
      1370
    3. Tiesitkö? Vappu Pimiän ensimmäinen aviomies ei ole Teemu-rakas

      Vappu Pimiä on tätä nykyä naimisissa Teemu Huuhtasen kanssa. Pimiä on toista kertaa naimisissa, sillä ensimmäinen liitto
      Kotimaiset julkkisjuorut
      38
      1164
    4. kolme tunnistetta kaivatustasi

      Anna kolme tunnistetta kaivatussasi!
      Ikävä
      66
      1139
    5. Mitä et ole valmis sietämään ihmissuhteissasi ja miksi?

      Aiemmin jo kyseltiin mitkä vaatimukset olivat mielestänne liiallisia. Kyselläänkin nyt sitä, että millaisilla asioilla s
      Sinkut
      352
      1097
    6. Kai mua vähän

      Masentaa tämä kaikki. Tämä koko meidän välinen juttu on niin vaikea… Voitaisiinko molemmat lopettaa tilanteen ruokkimine
      Ikävä
      137
      979
    7. Älä nyt ylikuormitu vaikka sinusta pidänkin rakas nainen

      Tiedän, että olet minulle oikea. En halua pilata tätä juttua malttamattomuudella, mutta epäilen. Haluan vain olla lähel
      Ikävä
      37
      892
    8. Treffi-ilmoituksia!

      Tähän avaukseen voipi treffeille halukkaat laittaa oman - lyhyen - vapaamuotoisen hakunsa,burneri emaileinee). Tavoitte
      Sinkut
      204
      798
    9. Riittäisikö se

      Että nähtäisiin viikonloppuisin? Naiselta.
      Ikävä
      62
      658
    10. Onko karhukanta jo liian iso? Lenkkeilijä kohtasi kontion juoksulenkillä

      Rantasalmella lenkkeilijä kohtasi karhun. Kylällä karhun näkeminen on ollut tosi harvinaista. Onko karhukanta jo liian i
      Maailman menoa
      98
      651
    Aihe