Tuotan valinkaruudukon MySQL-taulusta seuraavasti:
</select></p> <p id="kohderyhma"><label> Kohderyhmä (kenelle retki/tapahtuma on erityisesti suunnattu):</label> <?php // Haetaan kohderyhmät ja lisätään ne valintaboksiin $sql = "SELECT KRIdx, ryhma, Kuvaus FROM kohderyhma"; $result = mysql_query($sql) or die("Kyselyssä " . $sql . " tapahtui virhe : " . mysql_error()); while ($rivi = mysql_fetch_array ($result)) { echo "<input type=\"checkbox\" name=\"kohteet[]\" value=\"" . $rivi['ryhma'] . "\" />" . $rivi['Kuvaus'] . " "; } ?>
CSS on viritetty siten, että valintaboksit tulevat mukavasti yhdelle tai useammalle riville. Jostain syystä käy vaan niin, että selaimet saattavat pilkkoa yhden valinnnan seuraavalle sivulle niin, että vain esim. valintaboksi jää ylemmälle riville tai, jos valintaboksissa on useita sanoja 'lause' katkaistaan jostain keskeltä.
Löytyisikö tähän ongelmaan lääkettä? Entä onko mahdollista määritellä vaihtoehtotekstien oikealle puolelle.
Kiitos avusta.
Mod. lisäsi kooditagit!
Voi lisätä checkboxin ja kuvaustekstin ympärille jonkin tagin, esim. <span> ja määrittää tälle tyylin white-space: nowrap;, jolloin spanin sisällä olevaa tekstiä ei koskaan rivitetä. Et voi laittaa kaikkea tuon tyylisäännön sisälle, koska muutenhan kaikki tieto tulisi yhdeksi superpitkäksi riviksi (tai jos tämä on haluttua, niin sittenhän sinulla on helppoa laittaa tuo tyyli #kohderyhmalle).
Aihe on jo aika vanha, joten et voi enää vastata siihen.