HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
table + div
Здравствуйте. У меня такая ситуация. Страница с двумя div-ами. Пример оформления макета - "Фиксированная ширина, навигация слева". Один - левая колонка (внутри таблица - список объектов). Второй - основная колонка (внутри таблица с данными по выбранному объекту). #navcol { float: left; width: 300px} #maincol { margin-left: 310px} в IE8 когда таблица с данными шире чем окно вся таблица "падает" ниже <div id='navcol'> в FF - все гуд (слева список объектов, справа таблица с данными + скролл-бар) Сделал border: 2px solid red для maincol - обнаружена такая ситуация: в IE <div id='maincol'> растягивается на всю ширину таблицы, в FF ширина <div id='maincol'>…
0 votes3 answers -
table + iframe -> broken height?..
Стоит следующая задача (на которой я обломался): необходимо в ячейке таблицы развернуть ПОЛНОСТЬЮ фрейм. Таблица состоит из двух ячеек (в одну строку). Ширина первой ? фиксирована, высота не имеет значения. Вторая ячейка: ширина не имеет значения, высота должна равняться строго высоте содержимого фрейма. Как такое организовать? Относительные размеры ведутся только по отношению к высоте отображаемой области, указание точных размеров тоже плохой вариант. Кто подскажет ? как быть? <html> <table width="100%" align="left" border=0 bgcolor=#b0f0e0 frame="void" rules="none" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="190">any text &…
0 votes0 answers -
Table + position: absolute + height = ...
Тестовый пример безобразия: http://jsfiddle.net/SYhDr/1/ Задача элементарная: нужно отпозиционировать табличку к правому краю и растянуть на определенный процент контейнера заранее неизвестной ширины и высоты. Казалось бы, проблем нет: при абс. позиционировании 100% высоты всегда известны (это фактическая высота containing block'а — предка с position: relative), подставляй числа и радуйся. С обычным дивом так и выходит. Но с табличкой ожидаемый результат получается только в Опере и... IE8. Хром 19, Сафари 5.1.5 и Огнехвост 12 в один голос отказываются растягивать табличку на заданную высоту, а в IE9 и вовсе происходит леденящий душу маразм. Причем пунктом 17.5.3 спеки (ка…
0 votes8 answers -
Table => Div
Здравствуйте. Надеюсь на вашу помощь: необходимо перевести данный табличный код в дивный вариант. <table cellpadding="0" cellspacing="0" align="center" width="100%"><tr><td class="header-left"></td><td> /* Здесь фоновое изображение */ <table cellpadding="0" cellspacing="0" class="f1topline"><tr> /* Здесь фоновое изображение */ <td class="head" align="center">Ваш сайт.ру</td> <td>текст</td> <td>Текст</td> <td>Текст</td> <td>Текст</td> <td>{login}</td> <td>текст</td> </tr></table></td><td class="header-right"></td&…
0 votes6 answers -
table 100% в блочной верстке
Здравствуйте, столкнулся с такой проблемой: имеется верстка такого вида —————————————————————-- | | | | | | | | | | | | float:left; | ширина не задана | float: right; | ширина: | | ширина: | фиксир. | | фиксир. | | | | | | | —————————————————————-- При вставке в центральную часть <table width="100%"> <tr> .... some code.... </tr> </table> Таблица уходит под левую часть. как исправить? CSS: /* CSS Document */ *{margin:0px; padding:0px;} img{border:none;} img.png{behavior:url("png.htc");} html{ height:100%; } body{ height:100%; font-family:"Tahoma"; font-size:11px; color:#000; background:url(../images/texture.jpg); } body a{ color…
0 votes1 answer -
table align устаревшая конструкция?
Sharepoint Пишет, что свойство table align="center" консорциум WWW счтиает устаревши. На что его можно поменять, что они считают современным?
0 votes3 answers -
table background ie
.nb { background:red; } <table width='98%' class='nb' align='center'> <tr> <td colspan='4'>123</td> </tr> <tr> <td colspan='4'>124</td> </tr> </table> Во всех броузерах красный, кроме IE
0 votes5 answers -
table border
В ие7 появляется такой косяк http://itmages.ru/image/view/384338/a8d8a634 <table border="0"> <table border="1" style="margin-left:0; *margin-bottom:-1px;" rules="cols" height="100%"> <table border="1" rules="cols" style="margin-left:0; margin-top:-45px; border-top:none;"> в остальных браузерах все нормально как бороться?
0 votes6 answers -
table CSS
Помогите, пожалуйста, с раскраской таблицы. <html> <title>test</title> <style> #gsearc-table { width: 100%} #gsearc-table td { width: 50%; vertical-align:top;} </style> <body> <table id="gsearc-table" border="1"> <tr> <td>AAA</td> <td>BBB</td> <td>CCC</td> <td>DDD</td> </tr> </table> </body> </html> Допустим, у меня есть таблица с 2-мя столбцами - она резиновая, шириной 100% и пока что два столбца, которые должны располагаться симметрично. Ставлю им ширину 50%. Но потом, у меня может быть и 3 столбца и хотелось бы, чтобы у них ширина была примерно 33%, …
0 votes7 answers -
table to div ... help please
Zdrastvuite. Vot takaya dilema. pitaiusi iz table sdelati div ... vot shto u menea poluchilosi ... no pomoemu nemnoshko krivo ... stranitsa rezinovaya .. hociu rezulitat kak na kartinke ... toliko shtob vseo bilo virovneno (text pod img) <div id="gallery1"> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" /></div> <div><a href="#">WMaster</a></div> </div> <div id='d'> <div id="avatar1"><img src="images/av1.jpg" />&l…
0 votes3 answers -
table vs div+scc
Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?
0 votes34 answers -
table без отступа.
Приветствую! У меня таблица растянута на width = "100%". Но слева и справа всё равно остаётся немножко пустого места. Как от него избавиться? Забыл сказать, на этой таблице страничка заканчивается, как можно сделать так, чтобы снизу таблицы тоже не было свободного места?
0 votes1 answer -
table в css
Например, как можно задать рамку таблице в файле стиля?
0 votes10 answers -
Table внутри Div
Здравствуйте! На главной странице есть Div, в него подгружаются аяксом другие странички. Так вот, в одной страничке есть ОЧЕНЬ широкая таблица, с многочисленными полями, и она не может растянуть DIV, а выходит за него. Данный див находится по центру странички и является элементом дизайна, а таблица все портит, так нагло выходит за поля. Если бы она растянула DIV было бы все хорошо. PS Я пробовал без аякса, в качестве эксперемента, разультат лучше... но опять не то, див растягивается до ширины браузера, а вот таблица выходит за его поля.... мой див: #wrap { /*width:960px;*/ width:90%; background:#fff; margin:5px auto 30px auto; padding:0; border:1px solid #ccc; border-ra…
0 votes1 answer -
table внутри div
Есть Div, он резиновый, текст в нем нормально отображается, вставляю таблицу - а таблица мало того выезжает за границы div'а так еше и поверх текст идет, хотя текст идет после таблицы. ЧТо делаю не так?
0 votes1 answer -
TABLE выходит за DIV в FireFox
Приветствую! Проблема такая: В FireFox таблица с 100% шириной мнит себя королевой, и выходит за все рамки (справа). При увеличении масштаба (в FF), контент не растягивает а опять-таки тупо выходит справа. В идеале - должен быть всегда в центре, независимо от масштаба FF и содержать весь контент внутри. этот код в IE работает. Если делать чтобы работал в FF - точно та же проблема выходит в FF. И наоборот. Бьюсь уже 2 дня. :/ Заранее благодарен за помощь профессионалов. КОД: <html> <head> <title>WTF?</title> <style> body{ font-family: Tahoma, Verdana, Arial, Sans-Serif; font-size: 62.5%; margin:0; padding:0; width:100%; height:100%;…
0 votes8 answers -
table и ие
Добрый день Имеется проблема с таблицей Есть трехколоночная таблица, у которой левая(logo) и правая(contact) колонка фикс, а колонка по середине(search-container) резина, так же есть еще одна строка под названием (navigator) которая тянется, в ней расположен горизонтальный список, у которого несколько ячеек находятся слева и еще несколько - справа колонка левая(logo) заключает в себе две строки(logo, navigator) все это имеет вот такой вид но в ие все по-другому имеется вот такой код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-…
0 votes4 answers -
table или div
Возник недавно такой вопрос,как лучше писать сайт? Таблицами или блоками? Либо совмещать таблицы и блоки?
0 votes7 answers -
TABLE кроссбраузерно выходит за правую границу DIV
HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Список клиентов</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link href="/i/css.css" rel="stylesheet" /> <script src="/i/js.js" language="JavaScript" type="text/javascript"></script> <meta http-equiv="Keywords" content="" /> <meta http-equiv="Description" content="" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /…
0 votes5 answers -
table-cell
обязательно ли разметка должна быть такой? <div class="table"> <ul class="table-row"> <li class="table-cell">Ячейка 1</li> <li class="table-cell">Ячейка 2</li> <li class="table-cell">Ячейка 3</li> </ul></div>или можно воспользоваться только table-cell
0 votes1 answer -
table-cell и inline-block
Добрый день. Помогите с моей проблемой. Прикрепляю мою проблему к вопросу http://jsfiddle.net/ElDarco/FALdz/ Дело в том что когда я делаю .cell linline-blockом сразу же слетает разметка table-cell. Я чего-то не понимаю?
0 votes3 answers -
table-layout: fixed и Опера
собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?
0 votes4 answers -
table, td в css
Здравствуйте. Есть у нас такой кусок кода(см. изображение) и в нем два тега td без класса, но со своим стилем, можно ли изменить стиль выделенного на изображении <td bgcolor="#ffffff" colspan="2"> в css без добавления класса? Вопрос такой назрел потому что доступа к html у меня нет. например: таблица класс такой то, td номер такой то или какими другими способами
0 votes6 answers -
table. Последние ячейки растянуты
1. Задаю ячейкам таблицы размеры 70х70px. 2. Внутри каждой есть див с картинкой. Размеры самого рисунка - 144х144px. 3. Таблица состоит из 8х8 ячеек(шахматная доска). 4. Последний ряд и последняя строка получаются вытянутыми. 5. Полагаю всему виной самая последняя(8;8) ячейка. Код(Java): <table> <c:forEach items="${gameRow.game.board.pieces}" var="pieceRow" varStatus="status"> <tr> <c:forEach items="${pieceRow}" var="piece"> <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="<c:out value="${piece.imagePath}"/>"/></div> </td> </c:forEach>…
0 votes8 answers -
table+form возможно ли
Доброго времени суток господа форумчане. Подскажите пожалуйста, можно ли как-то объеденить table и form. Суть такова, что в табличном формате выводится инфа из БД, а крайний столбец слева содержит checkbox, для массового удаления выбранных данных из бд. Или же можно это сделать как-то по другому. Заранее спасибо всем отозвавшимся)
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-