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

529

    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. Nasima löi Jussille luun kurkkuun

      Nasima kertoi ettei Jussi sovi puhemieheksi, koska sallii rasismin. Mihin toimiin perussuomalaiset ryhtyvät? Kuka nouse
      Maailman menoa
      332
      7581
    2. Razmyar on säälittävä - puhemiehellä ei ole mitään syytä ottaa kantaa tähän "silmäkohuun"

      jonka toimittajat sai aikaan. Asia ei kuulu puhemiehelle millään lailla. Razmyar haluaa taas vaan huomiota. Mutta jos r
      Maailman menoa
      73
      5371
    3. Pitkän linjan yritysjohtaja: Suomen tapahtumat eivät ole Aasian kärkiuutinen

      Viimeaikaista kohua on käytetty sisäpoliittisena lyömäaseena, Thomas Zilliacus sanoo. – Koska asiaa kuitenkin kommentoi
      Maailman menoa
      102
      4561
    4. Siviilipalvelusmies Halla-aho normalisoi rasismin perussuomalaisissa

      SMP:n tuhkille perustettu puolue ei ollut ihmisiä vastaan, vaan instituutiokriittinen. "Missä EU - siellä ongelma", oli
      Perussuomalaiset
      19
      4369
    5. Miten Eerolan silmäkuvat voivat levitä muutamassa tunnissa ympäri maailmaa?

      Seuraako koko maailma persujen ja erityisesti Eerolan somea reaaliajassa? Edes kansanedustajan itsemurha eduskuntatalos
      Maailman menoa
      125
      4187
    6. Suomalaisilta vaaditaan valtavasti suvaitsevaisuutta - miksi sitä ei vaadita muslimeilta

      Suomalaisilta vaaditaan kaikkea, pitää olla suvaitsevainen ja hyväksyä vieraiden tavat, rasisti ei saa olla jne. Miksi s
      Maailman menoa
      52
      3917
    7. Juuri Suomen valtamedian toimittajat teki "silmävääntelystä" sen kohun

      ja ilmeisesti ottivat yhteyttä myös ulkomaisiin medioihin, että katsokaas tätä. Mutta Japanin medioissa on asiaan suhta
      Maailman menoa
      154
      3790
    8. Demarit ovat oikeasti törppöjä eli heikkoälyisiä

      ja todistavat sitä päivittäin täällä lapsellisilla jutuillaan. Kauheasti on hehkuttaneet kuinka demarien kannatus vaan
      Maailman menoa
      74
      3697
    9. Perussuomalaiset eivät harrasta maalittamista kuten vasemmisto

      Huomaa tässä keinotekoisessa "rasismi"-kohussakin kuinka vasemmistolaiset maalittavat Perussuomalaisia. Me emme vastaava
      Maailman menoa
      29
      3596
    10. SDP:n kansanedustaja Marko Asell: Suomen myönnettävä maahanmuuton ongelmat

      Hänen mielestään Suomen pitää pyrkiä rajoittamaan jyrkästi turvapaikanhakijoiden pääsyä maahan ja hän arvioi, että maaha
      Maailman menoa
      84
      3432
    Aihe