Keskustelu: Nettisivujen teko: HTML Input-tag ja skaalautuvaisuus

Hei,

Minulla on sellainen ongelma, että HTML-tagi input type text ei skaaladu selain ikkunan koon muuttamusen yhteydessä.

Haluasin että se skaalautuu sitä mukaa kun selain ikunan kokoa muuttaa.

Miten korjata ongelma?

aseta leveydeksi 100%.

groovyb kirjoitti:

aseta leveydeksi 100%.

Ei auta pohjautuen koodiin mikä on ennalta koodattu,

sittenpä auttanee ratkaisu joka toimii ennalta koodatun kanssa. Ymmärräthän, että sinua ei voi auttaa ellet laita koodia näkyviin

<table>
<tr>
<td>
Otsikko
</td>
<td>
<input type="text" />
</td>
</tr>
</table>

Eli kaikki muu skaalautuu lennossa ilman selain latausta kun selain ikkunan kokoa muuttaa mutta ei input-tagi.

Sori, tuplapostaus.
Olen toki tehnyt td-tageihin ja muihin tarvittavat CSS-muotoilut.
Tarkemmin ongelma on se, että kun selainikkunan kokoa muuttaa lennossa niin input-tagin koko pysyy niiden td-tagien alkuperäisen koon pituisena mitä se oli ensimmäisellä selain latauksella ja tulee ulos koko talukosta.

Lisäys:

Googlettamalla löysin nyt ratkaisun ongelmaani ja se on CSS-määritys: background-size: cover;

<input type="text" style="background-size: cover; width: 100%;"/>

Background-size: cover ei vaikuta itse inputin leveyteen mitenkään, vaan inputissa näytettävän taustakuvan kokoon.

Tässä on annettu sen verran niukasti tietoa, ettei tätä olisi näillä tiedoilla voinut mitenkään ratkaista.

Width: 100% taas leventään inputin parent-elementin levyiseksi kuten toisessa viestissä jo ehdotettiin