Форум больше не используется. Присоединяйтесь к каналу #community-ru в Slack for TYPO3 community |
|
27.08.2008, 13:29 | #1 |
Новенький
Регистрация: 11.08.2008
Сообщений: 11
|
|
27.08.2008, 14:27 | #2 | |
Senior Member
|
Цитата:
|
|
27.08.2008, 15:03 | #3 |
Новенький
Регистрация: 11.08.2008
Сообщений: 11
|
|
27.08.2008, 15:32 | #4 |
Senior Member
|
Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>overflow</title> <style type="text/css"> .header { height: 20px; background-color: red; } .body { overflow: auto; height: 400px; } .footer { height: 20px; background-color: green; } </style> </head> <body> <div class="header">Something in the header</div> <div class="body"> <h2>Definition</h2> <p>The overflow property sets what happens if the content of an element overflow its area. </p> <p><b>Inherited:</b> No</p> <hr /> <h2><b>JavaScript Syntax</b></h2> <p>CSS properties can also be dynamically changed with a JavaScript.</p> <p><b>Scripting Syntax:</b> <i>object</i>.style.overflow="hidden"</p> <hr /> <h2>Example</h2> <table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3"> <tr> <td valign="top"> <p>p <br /> {<br /> overflow: scroll<br /> }</p> </td> </tr> </table> <h2>Possible Values</h2> <table class="ex" cellspacing="0" border="1" width="100%" cellpadding="3"> <tr> <th align="left" valign="top">Value</th> <th align="left" valign="top">Description</th> </tr> <tr> <td valign="top">visible</td> <td valign="top">Default. The content is not clipped. It renders outside the element</td> </tr> <tr> <td valign="top">hidden</td> <td valign="top">The content is clipped, but the browser does not display a scroll-bar to see the rest of the content </td> </tr> <tr> <td valign="top">scroll</td> <td valign="top">The content is clipped, but the browser displays a scroll-bar to see the rest of the content</td> </tr> <tr> <td valign="top">auto</td> <td valign="top">If the content is clipped, the browser should display a scroll-bar to see the rest of the content</td> </tr> </table> <br /> </div> <div class="footer">Something in the footer</div> </body> </html> Добавлено: кстати, на форуме тоже используется это же свойство. Например, в этом моём посте выложено большое количество кода, которое отображается в обычном div-е с тем же overflow. |
27.08.2008, 16:02 | #5 | |
Новенький
Регистрация: 11.08.2008
Сообщений: 11
|
Цитата:
|
|
27.08.2008, 16:27 | #6 |
Senior Member
|
Пожалуйста
Удачи в разработках! |
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Разметка каскадного вложенного меню в TemplaVoila | maaboo | Общие вопросы | 7 | 27.07.2008 17:11 |
Сложное меню | Tod | TypoScript практикум | 7 | 26.02.2008 18:29 |
Как организовать меню 2-го и более уровня отдельно от первого? | Mike10581 | TypoScript практикум | 4 | 11.12.2007 18:46 |
Не получается отобразить меню второго уровня... | Vit Brevis | Общие вопросы | 5 | 22.11.2006 17:52 |
Меню из подстраниц | Grank | Общие вопросы | 6 | 31.01.2005 18:46 |