неразрывный вывод [checkbox[ ] Опция Бла Бла]

Тема в разделе "Веб-дизайн", создана пользователем DrakonHaSh, 14 июн 2011.

Модераторы: zek24
  1. DrakonHaSh

    DrakonHaSh

    Регистр.:
    29 июн 2010
    Сообщения:
    358
    Симпатии:
    122
    Как сделать чтобы
    <input type="checkbox"> Опция Бла Бла
    в любом случае выводилась одной строкой, т.е. чтобы надпись не переносилась на другую строку.
    пробовал и через <nobr> и через &nbsp; и через style="white-space:nowrap" но универсального решения не нашел - на каком нить какой нить браузер да не работает :(
     
  2. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    780
    Симпатии:
    153
    Вообще-то и так не переносится.
    Попробуй пустую html страничку с этим кодом создать.

    Видимо где-то что-то лишнее. Покажи код или сайт. Смотри в стилях input, там косяк скорее всего.
     
  3. DrakonHaSh

    DrakonHaSh

    Регистр.:
    29 июн 2010
    Сообщения:
    358
    Симпатии:
    122
    Код:
    <table>
    <tr>
    <td width="40%">
        bla bla bla bla 
    </td>
    <td width="40%"> 
        Option1:
        <input id=Option1 value="vaule1">
                    
        <label style="padding-left:16px">
             <input type="checkbox" name="Option2"> 
             Option2_______ Bla Bla Bla Bla Bla Bla Bla Bla
        </label>            
    </td>
    <td width="20%">
        bla bla bla bla
    </td>
    </tr>
    </table>
    
    при определенных размерах окна получается что опция [] на одной строке а ее подпись "Option2_______ Bla Bla Bla Bla Bla Bla Bla" на другой
     
  4. UDAV

    UDAV

    Регистр.:
    22 июн 2007
    Сообщения:
    780
    Симпатии:
    153
    Можно типо того сделать

    HTML:
    <table>
    <tr>
    <td width="30%">
        bla bla bla bla 
    </td>
    <td width="20%"> 
        Option1:
        <input id=Option1 value="vaule1">
        </td >
        <td width="40%"> 
             <input type="checkbox" name="Option2"> 
             Option2_______ Bla Bla Bla Bla Bla Bla Bla Bla          
    </td>
    <td width="20%">
        bla bla bla bla
    </td>
    </tr>
    </table>
    Размер ячеек можно в пикселях указать, тогда можно подогнать так, чтоб не сползало при уменьшении экрана.