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. Табличка с резиной

    Доброго времени суток. Задача: ширина блока должна быть по длине текста сверху. Поле с циферками снизу должно тянуться. Отступ справа (внутри ячейки) 25 пикс. В Опере полет нормальный.. В ИЕ с хаками тоже более-менее (неадекватно реагирует на задание white-space: nowrap; но это ладно). FF\Chrome категорически несогласны. Такие вот делишки. Сделать статично не прокатит, увы. Хаки для FF\Chrome нежелательны, но вполне прокатит - хоть что-то будет. Заранее спасибо. С уважением, Олег. http://beavers-net.narod.ru/primers/balance_probe.html

    Asked by tt48,

    0 votes
    4 answers

  2. Табличная в?рстка

    Помогите пожалуйста,у меня следующая ситуация: Я решил для треннировки попробовать сделать такойже сайт : http://baby-studio.ru/ мой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Три колонки</title> <style type="text/css"> body {margin:0;background:url(1.jpg);} .t { width:100%; height:300px; border: 0px solid black; background-image:url(line.gif);background-repeat: no-repeat;background-position: center -14px; } </style> </head> <body> <MAP id=menu_1 name=me…

    Asked by psywalker,

    0 votes
    2 answers

  3. Табличная верстка

    Как создать таку таблицу: ++++++++++++++++ + + + + + + + ++++ + + + + + + + +++++++++++++++

    Asked by Sergey1981,

    0 votes
    8 answers

  4. Табличная верстка

    Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.

    Asked by latierra,

    0 votes
    1 answer

  5. Табличная вёрстка

    Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь. Код html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <link hre…

    Asked by trololo,

    0 votes
    0 answers

  6. Табличная верстка

    Стоит ли новичку изучать табличную верстку или это прошлый век? Я практикуюсь блочной верстке, при необходимости могу сделать таблицу. Имеет ли смысл специально учить сейчас, как верстать на таблицах ? Не хотела сейчас этим заморачиваться, но вижу в форуме, многие спрашивают именно по таблицам.

    Asked by undina,

    0 votes
    11 answers

  7. Табличная верстка

    Доброго времени суток! Данная страница выводит результат из 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-shadow: 0px 0px 8px #f0f0f0; -webkit-box-shadow: 0px 0px 8px #f0f0f0; box-shadow: 0…

    Asked by bdrch,

    0 votes
    6 answers

  8. Табличная верстка

    Помогите решить проблему, не могу в ячейке td с помощью float разместить 2 блока <p> внутри которых картинка заголовок и абзац, один <p> стает нормально второй не хочет. как это возможно решить?

    Asked by Serhii,

    0 votes
    3 answers

  9. Табличная верстка в IE

    Есть таблица, в которой 5 столбцов. Первый столбец должен быть резиновым, все остальные фиксированного размера. <table width="100%" border="0"> <tr> <td height="10px"></td> <td width="10px"></td> <td width="250px"></td> <td width="10px"></td> <td width="40px"></td> </tr> <tr> ... </tr> </table> Во всех браузерах, кроме IE, конечно, все нормально.. но IE надо указывать ширину для первого столбца, как ее указать, чтоб она была резиновой, если min-width для таблиц, я так понимаю, не действует..

    Asked by Allie,

    0 votes
    1 answer

  10. Табличная верстка и формы

    Есть вот такой код <table id="text" cellpadding="0" cellspacing="3" border="0" width="100%"> <tr> <td> с последней | <a href="index.php?r=1&cou=15">с первой</a> | <a href="index.php?r=2&cou=15">по рейтингу</a> | Категория <form action="index.php" method="get" name="chcateg"> <input type="hidden" name="qwerty" value="1"> <select name="chcateg" class="form" onchange="submit();" > <option value="all">Все</option> <option value="0">Фото</option><option value="1">Ужас</option><option value="2">Смех</option><option value="3">Прочее</option> </s…

    Asked by zhurser,

    0 votes
    3 answers

  11. Табличная вёрстка шапки

    Как сделать чтобы при вёрстке изображение в таблице растягивалось по горизонтали в зависимости от разрешения экрана? По вертикали не нужно, только по горизонтали. При этом чтобы рисунок не сжимался по размеру меньше оригинала. Спасибо, разобрался. <img style=" width: 100%; height: 600px;" alt="" src="jpg.jpg"> Правильно?

    Asked by neznayka,

    0 votes
    2 answers

  12. Табличная вёрстка.

    Объясните, пожалуйста. Есть страница на двух таблицах. Возможно ли сделать так, чтобы ссылки открывались не в новом окне или вкладке, а в определённой <td> ячейке? Если возможно, то как.

    Asked by corol,

    0 votes
    4 answers

  13. Табличная верстка. Как сверстать такое

    Верстаю email-письмо. Использую Foundation. Не получается сверстать таблицей такой блок http://skrinshoter.ru/s/170919/5k7rvQdR Как его сверстать табличной версткой? https://codepen.io/yaparoff/pen/vYBzdPm?editors=1000

    Asked by yaparoff,

    0 votes
    7 answers

  14. Табличная верстке шаблона. Не правильная высота ячеек шапки

    XHTML 1.1 & CSS 2/3 Проблема заключается вот в чем: Есть шапка (в верхней строке 2 ячейки с атрибутами class="logo llogo" и class="logo automashtab rlogo"). В левой ячейке фиксированная ширина, правая ячейка с авто-масштабированием. У обоих ячеек фиксированная высота (254px) и у картинок высота = 254px но при просмотре в браузерах между верхней строкой и следующей есть пустое пространство при анализе я выяснил что пространство появляется в верхней строке но там его не может быть! т.к. высота ячеек = высоте картинок (инфа 100%) в чем может быть проблема? (если чего то не хватает в описании или чего то не понятно задавайте вопросы и пишите что не хватает и что не понятн…

    Asked by mizhory,

    0 votes
    2 answers

  15. Табличное меню

    Добрый день. Собственно такой вопрос Макет меню предусматривает "табличный" вид меню (ниже на картинке). сайт мейкаю друпалом, код меню таков <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?> заранее спасибо.

    Asked by dnepr,

    0 votes
    1 answer

  16. Табличные данные

    Пробую верстать табличные данные. Ссылка Как в целом? Можно ли было что-то сделать лучше, в плане кода?

    Asked by Rustick,

    0 votes
    1 answer

  17. Табличные ячейки с бордерами

    Привет. Имеется таблица, один столбец которой имеет левый и правый бордеры. При движении указателя мыши по таблице строка под курсором выделяется путем установки ее ячейкам верхнего и нижнего бордера. Вот как это в идеале выглядит: Это имеющаяся верстка данной таблицы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> td { border-top:1px solid transparent; /* prevent table twitch …

    Asked by Styx,

    0 votes
    0 answers

  18. Табличный Html. Dreamweaver. Проблема.

    Здравствуйте дорогие друзья, у меня возникла проблема! Верстал на DW страницу, табличную, вроде всё ровненько, на превьюшке в самом дримвивере тоже всё нормально отображается. А вот сама страница в опере и файрфоксе(наверно, как и везде), кроме старого IE, отображается не совсем желаемо, в общем - она слишком длинная. Таблица заканчивается, а страница прокручивается всё дальше, почти в 2 раза больше, чем нужно. Вот страница: http://petr-efimov.com/ro/index.html В чём может быть проблема, не понимаю. Мистика какая-то. Прошу, помогите. Заранее спасибо! Всё, нашел в чем проблема. Тема закрыта.

    Asked by f1nik,

    0 votes
    0 answers

  19. Табличный дескриптор <li>

    Как увеличить или уменьшить расстояния между табличными элементами <li>? Заранее спасибо <ul id="topbar"> <li class="Main"> Main</li> <li class="Families">Families</li> <li class="History" >History</li> <li class="Events" >Events</li> </ul> #topbar li { display: inline ; margin-top:20px; } Вот почему то вот так не получилось =(

    Asked by Shermaruss,

    0 votes
    5 answers

  20. табличный макет. проблема с вертикальным объединением ячеек

    прошу помощи в таком вопросе. сделал шаблон для joomla 1.5 . табличный резиновый. в таблице есть ячеики, сгруппированные по вертикали. в ie6 одна из таких ячеек растягивается по вертикали(хотя высота указана строго). не могу решить проблему заполнения фоном образовавшейся области. если бы растягивалась соседнии нижняя ячеика, то я бы поступил так как указано вот здесь http://htmlbook.ru/content/osobennosti-tablits но растягивается именно верхняя. подскажите как быть... архив с шаблоном здесь http://narod.ru/disk/5513907001/di_elastic_tab.rar.html

    Asked by cyklop77,

    0 votes
    2 answers

  21. Табуляция в IE

    Добрый день Всем знатокам, подскажите, как можно убрать табуляцию в IE, когда во всех остальных браузер все работает хорошо Вот ссылка Название техники табулировано в IE Заранее Спасибо

    Asked by Select,

    0 votes
    1 answer

  22. Табуляция в textarea

    Здраствуй-те, пишу работу и вот застрял на такой вещи как табуляция в теге <textarea>. Проблема вот в чем, мне необходимо изменить значение кнопки tab, чтобы она не переключалась между кнопками, а чтобы она создавала отступ. Это вещь необходима, чтобы создать модель списка. У меня есть идея, это пойти через вставку специального символа tab в javascripte, то есть, как только пользователь кликнул, резко копируем весь текст добавляем к тексту символ и возвращаем, но я не уверен будет ли это способ работать и реализуем он ли вообще. Помогай-те идеями или статья с такой вещью, буду рад любой информации.

    Asked by Muro_like,

    0 votes
    2 answers

  23. Табуляция с точками

    как сделать такой вот макетик резиновый div —————————————— | Машин..............................10| | Велосипедов.....................5| | Мотоциклов.......................4| | | —————————————-- Тоесть получается что часть текста выравнивается по левому краю, часть по правому а между ними всегда должно быть много много точечек чтобы закрывали пустое пространство. Есть ли какие нибудь стандартные средства для реализовки такого, или придется выкручиваться танцами с бубном ??

    Asked by human,

    0 votes
    9 answers

  24. Табы - активная ссылка налезает на неактивную

    ребят как реализовать такие табы?! http://oka-design.ru/download/tabs.jpg все бы ничего если активный таб не налезал на неактивный....если есть идеи, поделитесь.=)

    Asked by demon88,

    0 votes
    10 answers

  25. Табы - активный таб налезает на неактиный.

    Привет всем! Народ помогите.....проблема в табах. не могу понять как можно реализовать такие табы http://oka-design.ru/download/tabs.jpg всебы ничего если бы не такой интересный момент в этих табах - уголок активного таба налезает на неактивный таб. Есть ли решение? если кто знает напишите плиз.

    Asked by demon88,

    0 votes
    2 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