Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. 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'&gt…

    Asked by desperado,

    0 votes
    3 answers

  2. 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 &…

    Asked by Maxer,

    0 votes
    0 answers

  3. Table + position: absolute + height = ...

    Тестовый пример безобразия: http://jsfiddle.net/SYhDr/1/ Задача элементарная: нужно отпозиционировать табличку к правому краю и растянуть на определенный процент контейнера заранее неизвестной ширины и высоты. Казалось бы, проблем нет: при абс. позиционировании 100% высоты всегда известны (это фактическая высота containing block'а — предка с position: relative), подставляй числа и радуйся. С обычным дивом так и выходит. Но с табличкой ожидаемый результат получается только в Опере и... IE8. Хром 19, Сафари 5.1.5 и Огнехвост 12 в один голос отказываются растягивать табличку на заданную высоту, а в IE9 и вовсе происходит леденящий душу маразм. Причем пунктом 17.5.3 спеки (ка…

    Asked by SelenIT,

    0 votes
    8 answers

  4. 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&…

    Asked by Nack,

    0 votes
    6 answers

  5. 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…

    Asked by DiMas,

    0 votes
    1 answer

  6. table align устаревшая конструкция?

    Sharepoint Пишет, что свойство table align="center" консорциум WWW счтиает устаревши. На что его можно поменять, что они считают современным?

    Asked by Rilo,

    0 votes
    3 answers

  7. 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

    Asked by Destrifer,

    0 votes
    5 answers

  8. 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;"> в остальных браузерах все нормально как бороться?

    Asked by necro,

    0 votes
    6 answers

  9. 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%, …

    Asked by girl,

    0 votes
    7 answers

  10. 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…

    Asked by wmaster,

    0 votes
    3 answers

  11. table vs div+scc

    Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?

    Asked by still swamp,

    0 votes
    34 answers

  12. table без отступа.

    Приветствую! У меня таблица растянута на width = "100%". Но слева и справа всё равно остаётся немножко пустого места. Как от него избавиться? Забыл сказать, на этой таблице страничка заканчивается, как можно сделать так, чтобы снизу таблицы тоже не было свободного места?

    Asked by DasTPID,

    0 votes
    1 answer

  13. table в css

    Например, как можно задать рамку таблице в файле стиля?

    Asked by Sandr,

    0 votes
    10 answers

  14. 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…

    Asked by mc_nick_bronx,

    0 votes
    1 answer

  15. table внутри div

    Есть Div, он резиновый, текст в нем нормально отображается, вставляю таблицу - а таблица мало того выезжает за границы div'а так еше и поверх текст идет, хотя текст идет после таблицы. ЧТо делаю не так?

    Asked by exhang,

    0 votes
    1 answer

  16. 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%;…

    Asked by ArtZen,

    0 votes
    8 answers

  17. 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-…

    Asked by Temiks,

    0 votes
    4 answers

  18. table или div

    Возник недавно такой вопрос,как лучше писать сайт? Таблицами или блоками? Либо совмещать таблицы и блоки?

    Asked by Heaven,

    0 votes
    7 answers

  19. 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" /…

    Asked by jg_shift,

    0 votes
    5 answers

  20. 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

    Asked by DivMan,

    0 votes
    1 answer

  21. table-cell и inline-block

    Добрый день. Помогите с моей проблемой. Прикрепляю мою проблему к вопросу http://jsfiddle.net/ElDarco/FALdz/ Дело в том что когда я делаю .cell linline-blockом сразу же слетает разметка table-cell. Я чего-то не понимаю?

    Asked by ElDarco,

    0 votes
    3 answers

  22. table-layout: fixed и Опера

    собсно весь проблематичный код #fixed { width: 175px; display: table; table-layout: fixed; } в Ие все на ура а вот в Опере сплошная (_-_) к примеру линк http://www.hohmochka.in.ua/ahother/1.htm рылсо копалсо и нашел только то что данная фишка не поддержывается только в спецификации CSS1, но никак не пойму чего это 9 опера не вкуривает :| 9 вроде уже на CSS2 ?

    Asked by BogusUA,

    0 votes
    4 answers

  23. table, td в css

    Здравствуйте. Есть у нас такой кусок кода(см. изображение) и в нем два тега td без класса, но со своим стилем, можно ли изменить стиль выделенного на изображении <td bgcolor="#ffffff" colspan="2"> в css без добавления класса? Вопрос такой назрел потому что доступа к html у меня нет. например: таблица класс такой то, td номер такой то или какими другими способами

    Asked by romariorus,

    0 votes
    6 answers

  24. 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>…

    Asked by Старовер,

    0 votes
    8 answers

  25. table+form возможно ли

    Доброго времени суток господа форумчане. Подскажите пожалуйста, можно ли как-то объеденить table и form. Суть такова, что в табличном формате выводится инфа из БД, а крайний столбец слева содержит checkbox, для массового удаления выбранных данных из бд. Или же можно это сделать как-то по другому. Заранее спасибо всем отозвавшимся)

    Asked by DasBit,

    0 votes
    4 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept