Jump to content

Search the Community

Showing results for tags 'table'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Проблемы верстки
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Freelance
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Calendars

  • События форума
  • События партнёров
  • Все события

Blogs

  • CMS (Content Management System)
  • Руководство верстальщика
  • Блог HTMLforum.io
  • Клуб компании menter.me's 📰 Новости

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

  1. Добрый день, я новичок как на форуме, так и в верстке. Вопрос такой. Делаю таблицу с прицелом на мобильные устройства. Рабочее окно сайта шириной 800px и все таблицы я делал шириной строго 800px через тег <table> раньше было вот так: <table cellpadding="5" cellspacing="0" border="1" width="800px"> и таблицы все выглядели красиво и одинаково., но в мобильной версии они так же были 800 пикселей и их просмотреть было нереально. В общем в css файле добавил класс .table_overfloated { overflow-x: scroll; display: block; border-collapse: collapse; } .table_overfloated tr { bord
  2. как убрать эти пробелы под пингвинами? <!DOCTYPE html> <html> <head> <title>таблицы</title> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" /> <link rel = "stylesheet" href = "styles.css"/> </head> <body> <table id = "main"> <tr> <td id = "header" colspan = "2">1</td> <tr/> <tr> <td id = "left"> <ul> <li>Главная</li> <li>Главная</li> <li>Главная</li&
  3. <!--Таблица на диве--> <div class="table"> <div class="row"> <div class="cell cell-1">1</div> <div class="cell cell-2">2</div> </div> <div class="row row-2"> <div class="cell cell-3" rowspan="2">3</div> <div class="cell cell-4">4</div> </div> </div> /*——css реализация—————*/ .table{display: table; border: 1px solid silver; padding: 10px;} .row{display: table-row; border: 1px solid silver;
  4. Не получается убрать пустое пространство в ячейках таблиц. Уже границы объединил, отступы убрал, всё равно пространство остаётся, причём в каждой таблице разное, видимо зависит от количества контента. Пустое пространство находится именно внутри ячеек. Как его убрать?
  5. Здравствуйте. На странице есть таблицы(адаптивные). Проблема в том, что при маленькой ширине экрана(к примеру на мобильных устройствах) они не убираются. Прописал в css: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; В итоге получил это(текст не переносится, на конце троеточие): Подскажите решение как можно реализовать просмотр таблицы или отдельных ячеек не нарушая адаптивность.
  6. Доброго времени суток! Данная страница выводит результат из mysql в виде таблицы. Каждая строка является кнопкой, которая переводит пользователя на страницу редактирования строки. Проблема заключается в том, что я не могу сверстать ширину колонок. Укажите мне на мои ошибки. Заранее благодарен. <style> .serch { width: 160px; border: solid 1px #E5E5E5; padding: 5px; font-size: 33px; background: -webkit-gradient( linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF) ); background: -moz-linear-gradient( top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px ); -moz-box-sha
  7. Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.
  8. Не могу вывести правильно товары, нужно что бы было по три в ряд. <div class="content"> <table> <tr> <td colspan="3"> <div class="new">Новинки нашего сайта: </div> </td> </tr> <tr> <? for($a=0;$a<9;$a++) printf(" <td> <img src='images/sempl.png' alt='img'> <p>Название Цена </p> <img src='images/buy.png' alt='img'> </td> "); ?> </tr> &l
  9. Столкнулся с проблемой создания фиксированной таблицы с одинаковыми ячейками. Создаю таблицу шириной, например 700px и table-layout: fixed; В таблице есть шесть ячеек в рамкой в 1px. На выходе получается три ячейки по 116px и три ячейки по 117px(Google Chrome). В FF и IE все ячейки имеют одинаковую ширину - 116.5px. Есть ли способ создать подобную таблицу, но с одинаковыми ячейками, без использования JS. Пример можно посмотреть тут http://jsfiddle.net/scanwfbr/
  10. Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: tr:nth-child(2n) td{ background-color: #def;}tr:nth-child(2n+1) td{ background-color: #ddf;}Чекбоксом скрываю часть строк: #check-in:checked ~ * .up{ display: none;}После этого чередовании цветов в строках сбивается. Есть ли какая-либо возможность применить чередование только к тем строкам, которые отображены (т.е. display: table-row) или может есть более простые способы удалить строки с сохранением чередования цветов? Заранее спасибо за советы! html: <input type="checkbox" id="check-up
  11. Для сводных отчетов нужно, чтобы несколько колонок слева и заголовок оставались на месте, а данные прокручивались. Находил много решений, но они использовали библиотеки типа jQuery или были сложны в реализации (не учитывалось объединение ячеек) Мне хотелось сделать что-то универсальное и простое. Вроде получилось Области фиксируются вызовом функции FixHeaderCol(<таблица>, <сколько фиксировать строк>, <сколько фиксировать столбцов>, <ширина таблицы>, <высота таблицы>) Успешно работает в IE10, новой Опере, Мозилле, Хроме. Демо https://jsfiddle.net/axeqojwu/1/em
  12. Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?
  13. есть таблица, строка является ссылкой на другую страницу. необходимо открыть данные строки + несколько новых полей на другой странице. все строки должны открываться в одном формате пример (таблица): __имя____фамилия____год рождения _саша_____петров________1990____ исходная страница: имя: саша фамилия: петров год рождения: 1990 средний балл: 4.5 вуз: МАИ спасибо за ответ
  14. Проблема с таблицей. Изначальный код такой: [hide] <table> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td rowspan="3" colspan="7" width="125mm">14-НБ-НД3</td> </tr> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> </tr> <tr id="str"> <td width="7mm">
  15. Здравствуйте, форумчане! Подскажите, правильно но ли использовать для верстки такого блока таблицу: http://joxi.ru/GrqVBLOhxq3amz Или это далеко в прошлом и сейчас так никто не делает? Если лучше делать другим способом, то подскажите каким. Спасибо!
  16. Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-
  17. Сверстал себе обычную, ничем не примечательную страничку. В ней есть таблица. Для этой таблицы выставлено CSS-свойство: height: 100%;То есть, высота таблицы выставлена "на полную мощность" - на всю высоту документа. Вся эта благодать работает ровно до того момента, как я добавляю в начало документа тег: <!DOCTYPE HTML>который просто-напросто обрезает мне высоту таблицы до высоты содержимого. И теперь, чтобы изменить высоту таблицы, я должен объявлять её абсолютными величинами (в пикселах, дюймах, метрах или километрах – как угодно, но уже не в процентах). Объясните мне, пожалуйста, ч
  18. Вот ссылка на мой код, где можно всё попробовать: http://jsfiddle.net/KT5TC/1/ Менять ширину элемента можно, наведя мышь на правый его край, далее - зажимаете левую кнопку мыши и меняете размер элемента. 1. Попробуйте уменьшить размер внешнего div (двойная рамка) меньше ширины таблицы - таблица начнёт сжиматься. Тот же эффект Вы достигнете если просто будете уменьшать размер окна браузера. 2. Попробуйте увеличить размер СТОЛБЦА таблицы (хочу менять именно ширину столбцов и чтобы край таблицы при этом менялся автоматически - для таблицы я не задаю WIDTH). Если Вы увеличиваете его так, ч
  19. Добрый день, друзья! Я даже не знаю как сформулировать свою проблему. Нужно код ниже сверстать слоями. <table width="950px"><tr><td><nobr>Очень длинный текст</nobr></td><td><nobr>Ещё один очень длинный текст</nobr></td><td width="100%">Резиновый блок</td></tr></table>Ни какие размеры блоков заранее неизвестны, кроме ширины макета. display: table не предлагать. Т.е. что я имею ввиду: есть блоки, которые должны быть размещены по горизонтали, при этом последний из них должен занять всё оставшееся место. Количеств
  20. Добрый день! Вот макет таблицы: http://savepic.ru/5551589.jpg Как можно настроить такое выравнивание содержимого? На первый взгляд, это - vertical-aligne:middle; Ан нет Тексты должны выравниваться между собой по верхней строке. Как-то это можно сделать? Есть ли какой-то аналог colgroup для объединения строк?
  21. Помогите , пожалуйста, разделить ячейки в таблице попалам: <td><a class="show_photo" href="/userfiles/image/4erteji_byt/byt_4x2_3.jpg"><img width="300" height="149" src="/userfiles/image/4erteji_byt/byt_4x2_3.jpg" alt="схема строительной бытовки" /></a></td> <th valign="middle" align="center" style="vertical-align: middle;"><span style="font-size: 14px; font-family: Verdana;"><strike>31 610 руб.</strike></span><br /> <span style="font-size: 14px; font-family: Verdana;">29 000 руб.</span></th&
  22. Здравствуйте! Сделал несложную древовидную таблицу, у которой сворачиваются/разворачиваются строки. За основу взял обычное дерево http://jsfiddle.net/NZaw4/1/ , только добавил ячейки в строки. Почти правильно работающий вариант http://jsfiddle.net/cN57x/ Вопрос. Как сделать так, чтобы при раскрытии узла Проект 1, не уезжал влево блок с Задачами ?
  23. Имеется форма с несколькими полями + таблица с данными: http://jsfiddle.net/nvCp2/ При нажатии кнопки "Отправить" происходит отправка данных на почту. Вопросы: 1) при отправке данных php скрипту нужно добавить туда данные из таблицы - как это можно сделать? 2) тестирую локально(html страница + js скрипт) лежат на пк, а php скрипт на сервере - при нажатии "Отправить" в консоли такие данные: SUBMITXMLHttpRequest cannot load http://*******/send.php. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. index.html:1NOНесмотря
  24. Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.
×
×
  • Create New...