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

503

    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. Ja taas ammuttu kokkolassa

      Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.
      Kokkola
      56
      5453
    2. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      91
      4261
    3. Helena Koivu on äiti

      Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.
      Kotimaiset julkkisjuorut
      372
      2510
    4. Ovatko naiset lopettaneet sen vähäisenkin vaivannäön Tinderissa?

      Meinaan vaan profiileja selatessa nykyään valtaosalla ei ole minkäänlaista kirjoitettua tekstiä siellä. Juuri ja juuri s
      Nettideittailu
      70
      1048
    5. Suomi vietiin Natoon väärin perustein. Viides artikla on hölynpölyä. Yksin jäämme.

      Kuka vielä uskoo, että viides artikla takaa Suomelle avun, jos Suomeen hyökätään. Liikuttavasti täällä on uskottu ja ved
      Maailman menoa
      330
      1028
    6. Et ilmeisesti aio enää ikinä olla tekemisissä

      Että näinkö se menee
      Ikävä
      61
      833
    7. Sydämeni on sinun luona

      Koko ajan. Oli ympärilläni ketä oli niin sinä olet vain ajatuksissa ja tunteissa. En halua muiden kosketusta kuin sinun
      Ikävä
      46
      806
    8. Trump ja Venäjä

      Huomasitteko muuten... Käytännössä ainoat valtiot, joille Trump EI eilen asettanut typeriä tariffejaan, olivat Venäjä ja
      Maailman menoa
      102
      789
    9. Kuvaile elämäsi naista

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      26
      779
    10. Jatkuva stressitila

      On sinun vuoksesi kun en tiedä missä mennään mutta tunteeni tiedän ainoastaan
      Ikävä
      52
      769
    Aihe