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

HTML+CSS+JavaScript

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

 

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

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

тема: Прокрутка страницы с текстом
 
 автор: kopral2   (08.06.2006 в 07:03)   письмо автору
 
 

у меня есть страница опр.размера, так-же есть текст превышающий этот размер,соответственное когда вставляю текст все разъезжается.как сделать что-бы не менять размер страницы,что-бы текст прокручивался внутри этой страницы

   
 
 автор: targa   (08.06.2006 в 07:22)   письмо автору
 
   для: kopral2   (08.06.2006 в 07:03)
 

Можно туда iframe поместить и уже туда текст. А можно так:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
</head>

<body>
<div style="overflow: scroll; width: 400px; height: 200px; border: 1px solid red;">
    <p>&lt;WebByte&gt; На Gmail вся почта перлюстрируется и почему-то это</p>
    <p>&lt;WebByte&gt; мало кого волнует</p>
    <p>&lt;lenta4kina&gt; Не поняла :( Кем перлюстрируется? Гуглом?</p>
    <p>&lt;WebByte&gt; Конечно :) Рекламу же контекстную ты видишь? А как</p>
    <p>&lt;WebByte&gt; по-твоему Гугл определяет контекст?</p>
    <p>&lt;Crazy witch&gt; Ой, а я по нему вчера эротическое фото переслала.</p>
    <p>&lt;Mx&gt; Робот Google, вставляющий контекстную рекламу, два     часа не</p>
    <p>&lt;Mx&gt; мог сосредоточиться на работе.</p>
    <p>&nbsp;</p>
    <p>&lt;Sveta&gt; Я тут централизованное тестирование писала в воскресенье. Задание:</p>
    <p>&lt;Sveta&gt; &quot;Буква О пишется в слове&quot;:</p>
    <p>&lt;Svetа&gt; a)зач_т</p>
    <p>&lt;Sveta&gt; б).....</p>
    <p>&nbsp;</p>
    <p>inGame_ru'ene: Поймал себя на мысли: поковыряться в зубе курсором от мышки...</p>
    <p>Virtus-go|Bulwy: я ковырял вчера..</p>
    <p>inGame_ru'ene: мне тоже понравилось</p>
    <p>Virtus-go|Bulwy: ну острая слишком )</p>
    <p></div>
</body>

</html>


Самая важная строка
<div style="overflow: scroll; width: 400px; height: 200px; border: 1px solid red;">
Границу конечно потом можете убрать она для наглядности.
Свойство oferflow принимает значение scroll, т.е. если содержимое дива превысит заданные нами размеры то появится скроллинг. RTFM по этому свойству и все поймете.

   
 
 автор: kopral2   (08.06.2006 в 08:00)   письмо автору
 
   для: targa   (08.06.2006 в 07:22)
 

все супер, а как сделать что-бы была таблица внутри,верней я ее вставил но она делат опять размер больше чем надо,или этот только можно сделать только стекстом?а прокрутку таблицы нельзя такое сделать?превышающий размер

   
 
 автор: targa   (08.06.2006 в 09:27)   письмо автору
 
   для: kopral2   (08.06.2006 в 08:00)
 

Так вы и таблице укажите также
<table style="width: 400px;">
и у нее ширина будет 400 пикселов (или скока вам там нужно).
Или
<table style="width: 100%;">
в этом случае она подтянется по ширине в тот размер который дает родительский элемент (в данном случае div)/.
А высоту таблице не трогайте или напишите так
<table style="width: 100%; height: auto;">
В этом случае она ширину подгонит под div, а высота будет ее автоматически рассчитана исходя из ее содержимого (кол-ва и высоты строк).

   
 
 автор: kopral2   (08.06.2006 в 10:16)   письмо автору
 
   для: targa   (08.06.2006 в 09:27)
 

вот блин получилось же,спасибо большое,а подскажи еще как убрать нижнюю т.е горизонтальную прокрутку

   
 
 автор: targa   (08.06.2006 в 12:46)   письмо автору
 
   для: kopral2   (08.06.2006 в 10:16)
 

От чого не знаю того не знаю :(
А вообще поэкспериментируйте со свойством overflow. Может и получится как хотите.

   
 
 автор: luda   (24.07.2006 в 23:52)   письмо автору
 
   для: kopral2   (08.06.2006 в 10:16)
 

tak: overflow-y:scroll; i ne budet u tebya gorizontalnoj prokrutki :)

   
 
 автор: 12345   (25.07.2006 в 01:14)   письмо автору
 
   для: luda   (24.07.2006 в 23:52)
 

А почему никто не вспоминает стиль table-layout:fixed ?

   
 
 автор: Padonak   (25.07.2006 в 03:17)   письмо автору
 
   для: 12345   (25.07.2006 в 01:14)
 

все-таки проще <iframe></iframe> :-)

   
Rambler's Top100
вверх

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