Search the Community
Showing results for tags 'tr'.
Found 13 results
-
Добрый день, я новичок как на форуме, так и в верстке. Вопрос такой. Делаю таблицу с прицелом на мобильные устройства. Рабочее окно сайта шириной 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 { border 1px solid; min-width: 800px; } .table_overfloated td {border: 1px solid; } Применил его к тегу <table> и теперь таблица на мобильнике прокручивается пальцем влево вправо, однако на сайте ширина таблицы делается соответственно контенту. И если одна таблица на странице еще более менее выглядит, то если их две и более то все они получаются разной ширины и выглядит это некрасиво.. Подскажите как сделать, чтобы таблицы все были шириной 800px, но на мобильной версии сайта их можно было пролистывать. Надеюсь понятно написал.:(
-
Помогите решить проблему, не могу в ячейке td с помощью float разместить 2 блока <p> внутри которых картинка заголовок и абзац, один <p> стает нормально второй не хочет. как это возможно решить?
-
как убрать эти пробелы под пингвинами? <!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> </ul> </td> <td> <h1 class = "title">Галерея изображений</h1> <table id = "gallery"> <tr> <td><img src = "image/Penguins.jpg" /></td> <td><img src = "image/Penguins.jpg" /></td> <td><img src = "image/Penguins.jpg" /></td> </tr> <tr> <td><img src = "image/Penguins.jpg" /></td> <td><img src = "image/Penguins.jpg" /></td> <td><img src = "image/Penguins.jpg" /></td> </tr> </table> </td> </tr> <tr> <td colspan = "2">5</td> </tr> </table> </body> </html> table, td{ border: 1px solid black; padding: 0; } table{ border-spacing: 0; border-collapse: collapse; } #main{ width: 1000px; margin: 0 auto; } #header{ height: 150px; } #left{ height: 450px; width: 200px; vertical-align: top; } #gallery{ width: 90% margin: 0 auto; } #gallery img{ width:100% } h1.title{ text-align: center; }
-
Проблема с таблицей. Изначальный код такой: [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"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></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> <td rowspan="5" width="75mm"></td> <td colspan="3" width="15mm"></td> <td colspan="2" width="17mm"></td> <td width="18mm"></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> <td rowspan="3" width="5mm"></td> <td rowspan="3" width="5mm"></td> <td rowspan="3" width="5mm"></td> <td colspan="2" width="17mm"></td> <td rowspan="3" width="18mm"></td> </tr> <tr id="str"> <td colspan="2" width="17mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td colspan="2" width="17mm"></td> </tr> <tr id="str"> <td colspan="2" width="17mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td width="5mm"></td> <td width="12mm"></td> </tr> <tr id="str"> <td colspan="2" width="17mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td colspan="4" width="20mm"></td> <td colspan="2" width="30mm"></td> </tr> <tr id="str"> <td colspan="2" width="17mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td rowspan="3" width="75mm"></td> <td rowspan="3" colspan="6" width="50mm"></td> </tr> <tr id="str"> <td colspan="2" width="17mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> </tr> <tr id="str"> <td colspan="2" width="17mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> </tr></table> [/hide] После замены <td width="5mm"></td><td width="12mm"></td> на <td colspan="2" width="17mm"></td>таблица жутко расширяется, хотя размеры все проставлены. Как справиться?
-
Всем привет. В общем виде код шапки первого варианта выглядит так: <tr> <td>/<td> <td></td> <td></td> <td colspan = "4"> </td></tr>Но мне нужно четвертую ячейку разбить горизонтально, чтобы было как во втором варианте. Как сделать?
-
Здравствуйте, форумчане! Подскажите, правильно но ли использовать для верстки такого блока таблицу: http://joxi.ru/GrqVBLOhxq3amz Или это далеко в прошлом и сейчас так никто не делает? Если лучше делать другим способом, то подскажите каким. Спасибо!
-
Всем привет! Подскажите, опытные верстальщики, откуда в некоторых ячейках таблицы появляются padding'и: http://joxi.ru/n2YY0kKc5Y1Z26 Я не так давно в вашей сфере, может эта банальная ошибка, но я не понимаю. Chrome говорит, что у ячейки они отсутствуют, но все равно их выделяет при наведении на слово padding внутри этого окошка: http://joxi.ru/Y2L8DXguL3W126 margin'ы у внутренних блоков убраны и при рассмотрении через html отладчик, если его можно так назвать, никакого влияния на эту область не дают. У таблицы стоит свойство cellpadding="0" Свойства для всех ячеек одинаковы, но у каких-то таких проблем нет, а у каких-то есть? С чем это может быть связано? Спасибо всем, кто имеет какие-нибудь предположения по этому поводу!
-
Ребят, не знаю, туда ли написал или нет... не судите строго. Нужна помощь, хотелось бы знать, как реализовать такие вот строки... Нужно в точности перерисовать эту таблицу в html вид и вот не знаю, как опустить эти строки Заранее благодарен.
-
как сделать простейший поисковик по интернету при табличной верстке
kotsa3 posted a question in HTML Coding
Здравствуйте, подскажите пожалуйста, как довести до ума элементарный интернет поисковик google при табличной верстке.Насколько я понимаю мне нужен адресс необходимого скрипта для атрибута action элемента form?Вот моя верстка.Буду очень благодарен за помощь. <html> <head> <meta charset="utf-8"> <title>Поисковик</title> </head> <body> <form action="" > <table> <tr> <td> <input type="text" name="запрос" size="15" maxlength="25" value="что ищем?"> </td> </tr> <tr> <td> <button type="submit">поиск</button> </td> </tr> </table> </form> </form> </body> </html> -
Доброго времени суток, уважаемые! ни как не могу решить одну, казалось бы, даже не проблему. Есть динамически создаваемая таблица с данными из MySQL и в конце каждой строки необходимо установить кнопку, "Просмотреть информацию", код: <table> <?php while ($Tab = mysql_fetch_array($ResOtd)){ $name = $Tab['name_otd']; $addr = $Tab['address_otd']; $email = $Tab['email']; $IdOtd = $Tab['id_otd']; echo '<TR> <td>'.$name.'</TD><TD>'.$addr.'</TD><TD>'.$email.'</td> <td align="center"> <form method="POST" id="myform"> <input type="hidden" value="'.$IdOtd.'" id="IdOtd" name="IdOtd"></td> <td><input type="button" onclick="javascript:ViewOtdel();" class="ViewButton"> </form> </td> </TR>'; } echo '</tbody> </TABLE>'; ?> чтобы проверить работу данного кода создал функцию: function ViewOtdel(){ var id_otd = $('#IdOtd').val(); window.alert(id_otd); } По идеи должно выходить сообщение с индексом строки, однако выходит сообщение с цифрой 1, в какой строке я бы не нажал кнопку. укажите пожалуйста, в каком месте я ошибся. Спасибо.
-
Как подсвечивать в таблице строку вместе со столбцом при наведении курсора
Dreiser posted a question in HTML Coding
Здравствуйте! У меня имеется большая таблица. Реализовать подсветку строки при наведении мышки получилось. Возможно ли реализовать "перекресток", чтобы подсвечивалась не только строка, но и соответствующий столбец? JS не владею, к сожалению. Подскажите решения с помощью css и html, если они имеются. Заранее спасибо! -
Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или можно как-то в стилях прописать, например, чтобы 5-я ячейка из второй строчки табличного дизайна перепрыгнула на первую строчку, если бы для нее там было место?
-
Т.к некоторые теги в html сокращены,то где найти полное название всех тегов на английско языке.Например <tr>-table row,<td>-table date.И так далее....
