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

656

    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. Silmienvääntelijä-persut pääsivät Japanissa sarjakuvaan

      Torille! https://www.hs.fi/kulttuuri/art-2000011943173.html
      Maailman menoa
      70
      4455
    2. Avopuoliso, mies-/naisystävä vai mikä?

      Kävin eilen irl keskustelun, joka jätti minut pohtimaan seuraavaa ... millä nimityksellä kutsua henkilöä, jonka kanssa o
      Ikävä
      249
      4235
    3. Miksi Kuhmolaiset on niin nyrpeä ilmeisiä?

      Miksi suurin osa (ei onneksi kaikki) on niin typääntyneen näkösiä elämäänsä? Tuijotetaan toisia pahansuopaisesti ja kat
      Kuhmo
      23
      3484
    4. Huvittava ilmiö: Vasemmistolaiset uskoo sokeasti SDP:n parantavan heidän

      elämäänsä, jos demarit johtaa seuraavaa hallitusta (Kyse on siis palstan vasemmistolaisista) Totuus on toinen, nimittäi
      Maailman menoa
      169
      3325
    5. Riikka ohoi! Saksa alensi bensaveroa, missä euron bensa?

      Perussuomalaisten yksi vaalilupauksista oli euron bensiini suomalaisille autoilijoille. Ei ole näkynyt. Jopa vasemmis
      Maailman menoa
      71
      3081
    6. Tulipalo rivitalossa, tuhoutuu täysin

      Kainuun pelastuslaitos sai hieman puolenyön jälkeen maanantaina ilmoituksen rivitalon huoneistossa syttyneestä tulipalos
      Puolanka
      80
      2936
    7. Kyllä, maata ei halua puolustaa nimenomaan punavihreän puolen edustajat

      "Esimerkiksi maanpuolustushenki on keskimääräistä alempana naisten, arvoliberaalien, heikossa taloustilanteessa olevien
      Maailman menoa
      126
      2620
    8. Älkää vaan sairastuko syöpään Suomessa

      Tilaston mukaan Suomi, Slovakia ja Latvia lääkitsee aivan pohjamudissa syöpää. Sairastunutta hoidetaan edelleen vanhana
      Maailman menoa
      189
      2528
    9. Sä veit mun sydämen ihan totaalisesti

      Aivan totaalisesti..
      Ikävä
      48
      2235
    10. Oot se sinä

      Ihan varmasti oot, tuo olemus ei valehtele 😘💓🪅 🏡 ihana 😍🙏
      Ikävä
      24
      1820
    Aihe