Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Внутритабличная полоса вертикальной прокрутки
 
 автор: Владимир55   (10.07.2009 в 10:40)   письмо автору
 
 

Для форматирования текста я использую таблицу с двумя столбцами. В левом столбце текста мало, а в правом очень много. И потому получается некрасиво: правый столбец заполнен и не помещается в экран без вертикальной прокрутки, а в левом одна строка.

<table border="0" width="100%" id="table1" style="border-collapse: collapse">
    <tr>
        <td>Здесь текста мало</td>

        <td>Здесь текста
        <p>очень</p>
        <p>очень</p>
        <p>очень</p>
        <p>очень</p>
        <p>много.</td>
    </tr>
</table>


Можно ли сделать так, что бы в правой ячейке, где текста много, появилась внутритабличная полоса вертикальной прокрутки?

  Ответить  
 
 автор: GeorgeIV   (10.07.2009 в 10:46)   письмо автору
 
   для: Владимир55   (10.07.2009 в 10:40)
 

как вариант, вставить в правой ячейке textarea и выводить в него, у него есть прокрутка

  Ответить  
 
 автор: sim5   (10.07.2009 в 10:53)   письмо автору
 
   для: GeorgeIV   (10.07.2009 в 10:46)
 

DIV

  Ответить  
 
 автор: GeorgeIV   (10.07.2009 в 11:13)   письмо автору
 
   для: sim5   (10.07.2009 в 10:53)
 

тоже вариант, работает

  Ответить  
 
 автор: Владимир55   (10.07.2009 в 11:19)   письмо автору
 
   для: GeorgeIV   (10.07.2009 в 11:13)
 

Если сделать вот так
<table border="0" width="100%" id="table1" style="border-collapse: collapse"> 
    <tr> 
        <td>Здесь текста мало</td> 

        <td>
 <textarea rows="2">       
        Здесь текста 
        <p>очень</p> 
        <p>очень</p> 
        <p>очень</p> 
        <p>очень</p> 
        <p>много.
</textarea>        
        
        </td> 
    </tr> 
</table> 

то вместе с текстом выводятся теги.

  Ответить  
 
 автор: GeorgeIV   (10.07.2009 в 11:28)   письмо автору
 
   для: Владимир55   (10.07.2009 в 11:19)
 

Да, div луучший вариант.

  Ответить  
 
 автор: Владимир55   (10.07.2009 в 11:33)   письмо автору
 
   для: GeorgeIV   (10.07.2009 в 11:28)
 

Но как div вставить конкретно в мою таблицу?
И что этот div должен содержать?
Я этого не понимаю...

  Ответить  
 
 автор: PAT   (10.07.2009 в 11:35)   письмо автору
 
   для: Владимир55   (10.07.2009 в 11:33)
 

<table border="1" width="100%" id="table1" style="border-collapse: collapse"> 
    <tr> 
        <td>Здесь текста мало</td> 

        <td style="padding: 0">
 <div style="overflow: auto; height:50px">       
        Здесь текста 
        <p>очень</p> 
        <p>очень</p> 
        <p>очень</p> 
        <p>очень</p> 
        <p>много.
</div>        
        
        </td> 
    </tr> 
</table> 

  Ответить  
 
 автор: Владимир55   (10.07.2009 в 11:42)   письмо автору
 
   для: PAT   (10.07.2009 в 11:35)
 

Получилось великолепно!
Большое Вам спасибо!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования