1. Ссылка на форум: http://breathmevegas.rusff.ru/
2. Эскиз таблицы: http://s2.ipicture.ru/uploads/20131213/J2Ppcfrm.png
3. Дополнительные предпочтения: если не сложно и возможно, буду рада выравниванию текста в колонках таблицы по верхней границе, а не по центру. высота каждой ячейки примерно 250пикс. желательно, чтобы в ячейке с прокруткой, сама прокрутка начинала отображаться уже после того, как кол-во информации в ячейке перевалило по высоте за 250 пикселей. важно, чтобы контейнер с вкладками автоматического слайдера был по ширине 300 пикселей. вроде все сказала хд
в целом, мне нужно создать конкретно само "тело" таблицы, все остальное я спокойно сделаю сама. помощь требуется в создании конкретно исходного кода таблицы с выравниванием по верхней границе, заданной высотой и слайдером. заранее спасибо
Таблица. Мини-слайдер. HTML
Сообщений 1 страница 7 из 7
Поделиться113.12.13 14:41
Поделиться217.12.13 11:52
edward
На разработку приняла, до пятницы таблица будет
Поделиться321.12.13 19:19
edward
Извиняюсь за задержку
<table align="center" border="1" cellpadding="4" cellspacing="2" style="width: 800px; height: 500px;"> <tbody> <tr style="height: 50%;"> <td style="text-align: center; width: 266px; height: 153px;">текст</td> <td style="text-align: center; width: 266px; height: 153px;">текст</td> <td style="text-align: center; width: 266px; height: 153px;"> <div br="" style="width: 265px; height: 234px; overflow-y: scroll; overflow-x: hidden;">текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой текст с прокруткой </div> </td> </tr> <tr style="height: 50%;"> <td style="text-align: center; width: 266px; height: 153px;">навигация</td> <td style="text-align: center; width: 266px; height: 153px;">5</td> <td style="text-align: center; width: 266px; height: 153px;">навигация</td> </tr> </tbody> </table>
Со слайдером запуталась чуть-чуть, но попытаюсь завтра или в понедельник сделать со слайдером
Поделиться422.12.13 13:36
спасибо, буду ждать слайдер)
и еще такая просьба, не могли бы вы оставить границы таблицы прозрачными, я совсем забыла указать это. и выравнивание текста по верху, возможно? а не по середине ячейки.
удачи вам)
Поделиться522.12.13 13:37
как-то хреново объяснила по поводу текста хд в общем, мне надо, чтобы в ячейках текст начинался сверху слева, а не по самому центру
вот как-то так хд
Поделиться629.12.13 18:13
все еще актуально
Поделиться710.01.14 16:51
HTML верх:
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0010/b4/f8/71526.css" /> <script type="text/javascript" src="https://forumstatic.ru/files/0010/b4/f8/39493.js"></script>
код таблицы:
<table border="0"> <tr> <td valign="top" style="height: 250px;"> текст </td> <td valign="top" style="height: 250px;"> текст </td> <td valign="top" style="height: 250px; overflow: auto"> текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/>текст с прокруткой <br/> </td> </tr> <tr> <td valign="top" style="height: 250px;"> навигация </td> <td valign="top" style="height: 250px;"> <!-- Cлайдер --> <div id="slider2" slide-width="300" slide-height="240" class="slider" style="padding:0;height:0;width:0"> <!-- Две Кнопки слайдера --> <img button-width="42" class="button-left hide" src="http://s3.uploads.ru/KcP7S.png"/> <img button-width="42" class="button-right" src="http://s2.uploads.ru/aIH0D.png"/> <!-- 1-й Контейнер слайдера --> <div class="slider-content active"> 1-й Контент </div> <!-- 2-й Контейнер слайдера --> <div class="slider-content"> 2-й Контент </div> <!-- 3-й Контейнер слайдера --> <div class="slider-content"> 3-й Контент </div> </div><script>$("#slider2").slideF();$("#slider2").slideF(660,4);</script><!--//End Cлайдер --> </td> <td valign="top" style="height: 250px;"> навигация </td> </tr> </table>