Miksi tekstin suurentaminen hajottaa ulkoasun?

wertys

Mistä voisi johtua, että kun selaimesta suurentaa tekstin kokoa, ne sivustoni sivut, joissa on täytettävä lomake, levenevät sitä mukaan, kun tekstin kokoa suurentaa, jolloin koko sivun ulkoasu siis hajoaa?

Sivurakenne on tehty yhdellä taulukolla (table), jonka leveys on kiinteä eli pikseleinä.
Sivustossa on useampia soluja (td), mutta tyylit on css:llä (div id, span class jne.)
Valikot tuodaan jokaiselle sivuille php:llä eli "php include".

7

534

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • wertys

      että vain ne sivut, joissa on php-lomake, hajoavat.

    • wertys

      Johtuu näköjään siitä, että myös textarea levenee.

      Millä textarean levenemisen liikaa pystyisi estämään? Nyt pitää laittaa



      jotta sivu pysyy kasassa eli tekstikenttä on aivan liian pieni.

      • juhakorkeapudas

        kyse ole kuitenkin html-lomakkeesta. Ei textarean pitäisi noin toimia tai ainakaan rikkoa asettelua, ellei se ole kapeassa taulukossa.
        Pistäs koodia tai linkki kehiin.


      • wertys
        juhakorkeapudas kirjoitti:

        kyse ole kuitenkin html-lomakkeesta. Ei textarean pitäisi noin toimia tai ainakaan rikkoa asettelua, ellei se ole kapeassa taulukossa.
        Pistäs koodia tai linkki kehiin.

        se tietysti html-lomake ja on myös kapeassa taulukossa (table), jonka levys on 760px. Kun tekstiä isontaa, textarea levenee samalla, tämä leventää koko sivun ja sivun ulkoasu hajoaa.





        Palaute


      • wertys
        wertys kirjoitti:

        se tietysti html-lomake ja on myös kapeassa taulukossa (table), jonka levys on 760px. Kun tekstiä isontaa, textarea levenee samalla, tämä leventää koko sivun ja sivun ulkoasu hajoaa.





        Palaute

        on kaikissa soluissa vähintään välilyönti-merkki, mutta eivät jostain syystä näy viestissä.


      • wertys
        wertys kirjoitti:

        se tietysti html-lomake ja on myös kapeassa taulukossa (table), jonka levys on 760px. Kun tekstiä isontaa, textarea levenee samalla, tämä leventää koko sivun ja sivun ulkoasu hajoaa.





        Palaute

        textarea {
        overflow : auto;
        border : 1px solid #666699;
        font-family : Arial, Helvetica, sans-serif;
        font-size : 12px;
        color : #000;
        margin : 0;
        padding : 0;
        }

        input {
        border : 1px solid #666699;
        background-color: #fff;
        font-family : Arial, Helvetica, sans-serif;
        font-size : 12px;
        color : #000;
        }


        .button {
        background: url(images/button.gif) no-repeat;
           width: 130px;
           height: 30px;
        cursor : pointer;
           font-family : Arial, Helvetica, sans-serif;
        font-size : 12px;
        font-weight : bold;
        color : #000;
        padding-bottom: 3px;
        }


      • wertys
        wertys kirjoitti:

        se tietysti html-lomake ja on myös kapeassa taulukossa (table), jonka levys on 760px. Kun tekstiä isontaa, textarea levenee samalla, tämä leventää koko sivun ja sivun ulkoasu hajoaa.





        Palaute

        body {
        background : #fff url(bg.gif) repeat-y center top;
        margin : 0;
        padding : 0;
        text-align : left;
        }

        table {
        background :#fff;
        border: 4px solid #dcdcdc;
        margin: 0px auto 0px auto;
        padding: 0px;
        width : 760px;
        }

        #paakuva {
        height: 200px ;
        width: 730px;
        margin : 0px;
        padding : 0px;
        vertical-align : bottom;
        text-align : left;
        background: #fff;
        }

        #teksti {
        width: 525px ;
           padding : 0px 0px;
           margin: 0px 0px;
           vertical-align: top;
        border: 1px solid #ccc;
        background: transparent url(bg-teksti.gif) center center no-repeat;
        }

        #palkki {
        background: #fff url(images/kuva-1_03.jpg) top left no-repeat;
        vertical-align : top;
        text-align : right;
        margin : 0px;
        padding : 0px;
        }

        #vasen{
        width: 20px;
        height: 200px;
        margin : 0px;
        padding : 0px;
        }

        #oikea{
        width: 20px;
        height: 200px;
        margin : 0px;
        padding : 0px;
        }

        #alapalkki {
        background: #990000 url(alapalkki.gif) top left no-repeat;
        height: 60px ;
        width: 740px;
        }

        #menu {
        border-left: 1px solid #CCC;
        vertical-align:top;
        margin: 0px;
        padding : 0;
        height: 400px;
        background: transparent url(menu.gif) top left no-repeat;
        }

        p {
        font-family : Arial, Helvetica, sans-serif;
        text-align : left;
        vertical-align : top;
        color : #000;
        font-size : 12px;
        line-height : 20px;
        margin : 10px 30px 0px 30px;
        padding : 0px 0px;
        }


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

    Luetuimmat keskustelut

    1. Porvarimediat paniikissa demareiden huiman kannatuksen vuoksi

      Piti sitten keksiä "nimettömiin lähteisiin" perustuen taas joku satu. Ovat kyllä noloja, ja unohtivat sen, että vaalit
      Maailman menoa
      87
      6042
    2. KATASTROFI - Tytti Tuppurainen itse yksi pahimmista kiusaajista!!!

      STT:n lähteiden mukaan SDP:n eduskuntaryhmän puheenjohtaja Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti
      Maailman menoa
      330
      5281
    3. Huono päivä

      Tänään on ollut tosi raskas päivä töissä. Tekis mieli itkeä ja huutaa. En jaksa just nyt mitään. Minä niin haluaisin ja
      Ikävä
      21
      2676
    4. Mikä siinä on ettei persuille leikkaukset käy?

      On esitetty leikkauksia mm. haitallisiin maataloustukiin, kuin myös muihin yritystukiin. Säästöjä saataisiin lisäksi lei
      Maailman menoa
      51
      2615
    5. Lääppijä Lindtman jäi kiinni itse teosta

      Lindtman kyselemättä ja epäasiallisesti koskettelee viestintäpäällikköä. https://www.is.fi/politiikka/art-2000011780852
      Maailman menoa
      84
      1875
    6. Juuri nyt! Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti

      Ai että mä nautin, Tytti erot vireille! "Käytös on kohdistunut avustajia ja toisia kansanedustajia kohtaan, uutisoi STT
      Maailman menoa
      104
      1692
    7. Onko kaivattusi

      liian vetovoimainen seksuaalisesti?
      Ikävä
      113
      1556
    8. Puolen vuoden koeaika

      Voisi toimia meillä. Ensin pitäis selvittää "vaatimukset" puolin ja toisin, ennen kuin mitään aloittaa. Ja matalalla pro
      Ikävä
      17
      1521
    9. seurakunnan talouspäällikön valinta meni perseelleen

      Nyt on ihan pakko kyseenalaistaa tuo Kemijärven seurakunnan päätös talouspäälliköstä. Valitulla ei ole talouspuolen osaa
      Kemijärvi
      122
      1443
    10. Olen ihmetellyt yhtä asiaa

      Eli miksi naiset ovat niin pelokkaan tai vaitonaisen oloisia minun seurassani. Se sai minut ajattelemaan, että olen epäm
      Ikävä
      133
      1403
    Aihe