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. Как задать фиксированную длину шаблону?

    Вот такой шаблон Мне нужно сделать чтобы меньше 900px ширина не уменьшалась. Жестко задать ширину на 900px. пробовал min-width, как обычно, почему-то не получилось. Чтобы задать и все блоки переставали уменьшаться. отдельно каждому блоку задавать?

    Asked by hea8y,

    0 votes
    3 answers

  2. Проблемы со стилем таблицы в Drupal 7

    Приветствую, гуру верстки! ) Была проблема с таблицей содержащей текст и картинки (никак не хотела выравниваться) Обсуждалась здесь и применительно к спрашиваемой странице - решилась. Однако, с внесенными правками изменились все таблицы на сайте. В разделе цен все скачет Хотя в графическом редакторе выглядит прекрасно На ранее проблемной странице все отлично Так выглядит строка в стилях Сама страница находится по адресу _http://shariki.podarishka.ru/stoimost_uslug

    Asked by Aleramus,

    0 votes
    2 answers

  3. Как привязать к экрану блок не используя fixed и js?

    У меня таблица. И с права и с лева в таблице идут картинки. мне их нужно привязать к прокрутки. Но если я делаю position: fixed, то получается, что пропадает td и все смещается. Мне нужно сделать вот что: И картинки нужны резиновые, что бы становились больше или меньше от браузера. Посоветуйте что нить пожалуйста?

    Asked by hea8y,

    0 votes
    3 answers

  4. Баг с "overflow: hidden;" и "border-radius: ;"

    Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…

    Asked by DjTarik,

    0 votes
    2 answers

  5. баг сабменю скрыто в ie 7-8

    Добрый день. Проблема состоит в том что мне нужно сделать саб-меню на сайте но в ie 7-8 оно не отображаеться, пока что там не наложен скрип, оно просто статично висит , ну собствено если положить скрипт такая же проблема. Ни как не могу понять в чем проблема подскажите пожалуйста. можно посмотреть тут

    Asked by chiffenok,

    0 votes
    0 answers

  6. Подскажите по верстке

    Здравствуйте. http://vyazniki-srcn.ru/ вот сайт подскажите как на нем сделано что при наведении на меню список выпадает если есть подменю. Заранее благодарен.

    Asked by bugatti,

    0 votes
    1 answer

  7. Как объединить блоки

    Подскажите, как вывести 2 блока кнопок в одну строку <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj,gplus"></div> <script type="text/javascript" src="http://st.pinme.ru/js/widget.js"></script> <script type="text/javascript"> PINME.Share.init({button: "#pinmeShare", buttonType: 1}); </script> <div id="pinmeShare"></div>

    Asked by fowl,

    0 votes
    4 answers

  8. Поведение img и a при абсолютном позиционировании в IE

    В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…

    Asked by keltanas,

    0 votes
    2 answers

  9. разница cler:both

    скажите, в чем принципиальная разница между этими двумя способами? <div style="clear:both"></div> и Код HTML 1 <div class="clear"></div> Код CSS 1 .clear {clear:both; content:""; display:block; height:0; font-size:0; visibility:hidden;} кроме длины записи и наличием ненужных правил

    Asked by conformist,

    0 votes
    8 answers

  10. Прошу оцените наработку.

    Писал сайт в первый раз, пишу в первую очередь для изучения, поэтому может быть множество ошибок, но всё же хочется что бы кто-нибудь оценил, и указал на мои ошибки. http://crazyfox.servegame.com p.s. регистрацию только пишу, точнее разбираюсь как написать.

    Asked by CrazyFox,

    0 votes
    5 answers

  11. Кроссбраузерная верстка

    Доброго времени суток. Приношу свои извинения за вопрос =), так как он довольно таки "детский". Но я действительно никак не могу найти учебник или книгу, либо хорошую статью, где бы нормально С САМОГО НАЧАЛА рассказывалось о кроссбраузерной верстке. В гугле напарываюсь только на крохотный статейки на тему зачем нужна такая верстка, или же на описание отдельных приемов и хаков. Конкретно сейчас мне надо отдельно для mozillа описать пару классов, в уже существующем большом .css файле. Странно все ругают explorer но пока что самые большие проблемы, лично у меня, возникают именно с mozilla =).

    Asked by mikhail.schedrakov,

    0 votes
    1 answer

  12. Курсы HTML/CSS

    Добрый день всем участникам форума! У меня вопрос - по каким курсам (если по курсам) вы обучались, какие из них показались вам наиболее подходящими для обучения? В свое время я смотрел курсы от специалиста но мне они показались слишком затянуты. В настоящее время возобновляю обучение уже по курсам от Линды, такой формат мне нравится больше. Еще хотелось бы спросить, может кто имел дело с курсами от школы программирования proglive.ru. Помнится, тамошние преподаватели говорили, что уже сразу после курсов их ученики брали реальные заказы на верстку. Не знаю, насколько это все правда, поэтому интересно, вдруг кто что сможет подсказать. Всем заранее спасибо!

    Asked by ikilldog,

    0 votes
    14 answers

  13. как одним кликом развернуть подкатегории и уйти на ссылку?

    У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..

    Asked by rafael,

    0 votes
    6 answers

  14. Выравнивание объекта по центру страницы

    Здравствуйте. Хотел спросить, как сделать выравнивание объекта по центру страницы, как на этом сайте http://brezhneva.com/. Там логотип размещен по центру и при увеличении и уменьшении он остается ровно по центру. Как сделать такое?

    Asked by jon4eg,

    0 votes
    5 answers

  15. показать/спрятать элемент не выходит?

    Всем привет. Я совсем новичок. Подскажите, если не сложно. Ниже пример кода (упростил как мог). Суть задачи - по наведении на иконку меняется фон по дней + появляется подсказка с пояснением. Так вот - фон отрабатывает на ура. А help1 не появляется. Уже бьюсь несколько часов как рыба от лед. Ведь наверняка что-то на поверхности, но не вижу?! Стиль: <style> .help1{ visibility: hidden; } .icon_style { width: 45px; height: 45px; background: rgba(200, 200, 200, .1); } .icon_style a { display:block; } .icon_style a:hover { background: rgba(200, 200, 200, .3); } .icon_style a:hover + .help1 { visibility: visible; } </style> ХТМЛ: <body> …

    Asked by lomax,

    0 votes
    6 answers

  16. Ширина блока по тексту

    Здравствуйте! Прошу прощения, если пишу не туда, довольно срочная проблема. Есть слой, в котором ссылка, при наведении на эту ссылку появляется дополнительный слой (что-то вроде выпадающего меню). Выпадающее меню имеет определенную ширину (в зависимости от длины текста и т.д.), мне очень надо сделать, чтобы ширина этого выпадающего слоя была равна ширине ссылки, при наведении на которую появляется это меню. Пробовал разные пути, сейчас остановился на этом. Нахожусь в абсолютном тупике. Буду благодарен за помощь. <style type="text/css"> .cat-list_parts_link { float: left; width: 150px; padding: 0 5px 20px 10px; } .cat-list_parts…

    Asked by vlasenkov,

    0 votes
    6 answers

  17. на сайт ленту новостей

    подскажите как можно поместить на свой сайт вот эту ленту новостей http://ru.pokerstrategy.com/rss/all/_uLLPDC

    Asked by EnerGizer,

    0 votes
    3 answers

  18. фоновый рисунок в tr для IE7

    Добрый день, есть конструкция с двумя фоновыми рисунками: <style> #left{background:url(images/left.jpg) no-repeat transparent; min-height:550px;} #left_menu_bg{background:url(images/leftbg.jpg) 180px center repeat-y;} </style> <tr id="left_menu_bg"> <td id="left"> ... </td> <td id="content"> ... </td> </tr> в IE7 фоновый рисунок строки не отображается. Подскажите, пожалуйста, чем это может быть вызвано и как с этим бороться?

    Asked by culver,

    0 votes
    6 answers

  19. эмуляция mac-браузеров

    подскажите пожалуйста существует ли возможность посмотреть страничку в маковских браузерах при этом находясь в windows или linux? интересует примерно такое, но бесплатное

    Asked by cyklop77,

    0 votes
    1 answer

  20. способы горизонтального выравнивания

    помогите пожалуйста понять насколько можно считать хаком предложенный способ горизонтального выравнивания. или скажите, что он вполне соответствует спецификации тыц дело в том, что такой способ не работает. и такой тоже

    Asked by cyklop77,

    0 votes
    3 answers

  21. не отображается вебкит в сафари и хром

    Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 8…

    Asked by NikNak,

    0 votes
    2 answers

  22. помогите с вебкитами

    возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!

    Asked by NikNak,

    0 votes
    0 answers

  23. И снова верстка рассылок

    Новичок в верстке рассылок. Столкнулся сходу с несколькими вопросами. Как я понимаю, верстать нужно таблицей с применением инлайн-стилей, а также желательно без фоновых изображений. Тогда передо мной стал вопрос: как можно сверстать такую рассылку? А именно: как подложить фон и сделать текст текстом и как обтекать рисунок? Может быть единственный выход это вообще все сделать картинками...?

    Asked by sjinks,

    0 votes
    7 answers

  24. Проблема с банером

    Добрый день. Проблема такая: я добавил рекламный блок на свой сайт, но он при изменении размера браузера он начинает наезжать на другие объекты. Банер заключён в тег <p> <p style="bottom: 100px; right: 1300px; top: 100px; left: 10px; position: absolute; padding: 10px; clear: both;"> Как исправить?

    Asked by simonit,

    0 votes
    3 answers

  25. Как реализовать градиент с прозрачностью?

    Есть круговой градиент (кроссбраузерный), однако его фон полностью непрозрачный. Очень хорошо смотрится, если фон за градиентом - однотонный цвет (тот, в который градиент переходит), но если фон за градиентом - картинка, тогда градиент смотрится громоздким блоком. Возможно ли создать круговой градиент, указанный ниже, для перехода белого цвета из центра в прозрачный (такое как бы растворение/свечение)? background: -moz-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -ms-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -o-radial-gradient(circle, #333333 1%, #151616 50%, #151616); background: -webkit-radial-gradient(circle, #33…

    Asked by Resager,

    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