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

547

    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. Ensitreffit Jenni laukoo viinilasin ääressä suorat sanat Jyrkin aikeista: "Mä sanoin, että älä"

      Voi ei… Mitä luulet: kestääkö Jennin ja Jyrkin avioliitto vai päättyykö eroon? Lue lisää: https://www.suomi24.fi/viihde
      Ensitreffit alttarilla
      27
      2900
    2. Ymmärrän paremmin kuin koskaan

      Roikut kädessäni ja vedät puoleesi. Näen kuitenkin tämän kaiken lävitse ja kaikkien takia minun on tehtävä tämä. Päästän
      Tunteet
      33
      2545
    3. 148
      2274
    4. Hullu liikenteessä?

      Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.
      Kiuruvesi
      54
      2249
    5. Niina Lahtinen uudessa elämäntilanteessa - Kotiolot ovat muuttuneet merkittävästi: "Nyt on...!"

      Niina, tanssejasi on riemukasta seurata, iso kiitos! Lue Niinan haastattelu: https://www.suomi24.fi/viihde/niina-lahti
      Suomalaiset julkkikset
      24
      1870
    6. Kun Venäjä on tasannut tilit Ukrainan kanssa, onko Suomi seuraava?

      Mitä mieltä olette, onko Suomi seuraava, jonka kanssa Venäjä tasaa tilit? Ja voisiko sitä mitenkään estää? Esimerkiks
      NATO
      391
      1706
    7. Ano Turtiainen saa syytteet kansankiihoituksesta

      Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään
      Maailman menoa
      104
      1652
    8. Pyhäinpäivän aamua

      Oikein hyvää huomenta ja rauhallista päivää. ❄️😊🥱☕❤️
      Ikävä
      311
      1561
    9. Kunta ostaa kivitipun

      Kunnanjohtajan tuleva uusi ostokohde
      Lappajärvi
      135
      1459
    10. Varokaa! Lunta voi sataa kohta!

      Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm
      Maailman menoa
      13
      1446
    Aihe