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. Сдвиг контента скроллом

    имеется вот такая верстка: для контейнера со списком туду задач установлены свойства: max-height:300px;overflow: auto; Как разультат, при добавление задач в список - появляется скролл. Так и задумано, но есть проблема - скролл сдвигает контент влево на размер скролла. Поэтому строка с созданием новой задачи(с синей кнопкой в строке) выглядит нессиметрично со строками задач в списке(с желтой, зеленой и красной кнопками). Как избавиться от такого сдвига контентента?.. Может кто сталкивался с подобными задачами? Спасибо.

    Asked by FanAizu,

    0 votes
    2 answers

  2. Как настроить перетекании текста

    Всем доброго дня, Подскажите, как сделать перемещение текста из одной колонки в другую Макет: http://prntscr.com/6a12l1 Сейчас я использовала свойство columns, но все содержимого разбивается на три колонки, а мне надо что бы колонки по вертикали тянулись и размножались, вот как-то так Вот как сейчас все выглядит http://azharova.ru/test/ee.html

    Asked by Anna Zharova,

    0 votes
    8 answers

  3. Наложить блоки на картинку

    Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код html и ниже css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Parlez-vous français</title> <link type="text/css" rel="stylesheet" href="css/table.css"/> <style> body { background: url(image/fonmain.png); background-repeat: no-repeat; background-position: center; } </style> </head&gt…

    Asked by oledgan,

    0 votes
    3 answers

  4. Установка якорей внутри страницы.

    Добрый день! Имею структуру с прилепленным верхним меню (position:fixed). Со ссылок меню уходим на якори внутри страницы. Проблема в том, что при переходе на якорь, на какой-либо раздел страницы, заголовок этого раздела уходит под меню, причем, даже выше, чем это должно быть по геометрии (https://www.dropbox.com/s/infvu3rvgj6yk0e/screen1.jpg?dl=0, а должно быть вот так: https://www.dropbox.com/s/nwbuny770z0fxlr/screen2.jpg?dl=0) Пробовали дать элементу с якорем отрицательный margin-top, но это дало эффект почему-то только в Firefox, в других браузерах не сработало. Подскажите, у кого есть подобный опыт, как с этим быть?

    Asked by olgastaf,

    0 votes
    4 answers

  5. Смена темы сайта без мерцания

    Скриптами я меняю значение href у тега link со стилями сайта. То есть меняю темы сайта безе перезагрузки сайта. Так вот, как только скрипт меняет href у link, то сайт становится без оформления, пока не загрузятся стили новой темы и не применятся браузером. Как избавиться от такого поведения?

    Asked by FanAizu,

    0 votes
    15 answers

  6. Ссылка с якорем и без.

    Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?

    Asked by Vicos,

    0 votes
    8 answers

  7. Модальное окно поверх этого же модального окна

    Здравствуйте. Прошу кликнуть в этом прекрасном блоке на 4-м раунде кнопку "Подробнее", а затем в лайтбоксе на кнопку "Принять участие". Хочется, чтобы второй лайтбокс был над первым. Ну и очень хочется, чтобы первый ретировался туда, откуда вышел. Нашла такое и такое. Но насчёт второго с z-index'ом ни разу не слышала. А по первому - может, совет и хороший. Но нет времени учить JS, нужно модальное окно) П.С. Обещаю JS подтянуть, то самоё уже надоело спрашивать.

    Asked by kattiperk,

    0 votes
    8 answers

  8. Адаптивный дизайн

    Добрый вечер, господа. Есть сайт написанный с использование bootstrap Все отлично, но вот проблема с футерем при разрешении 786x1024 Ссылка на cайт: http://justexemple.host56.com/ Вот изображение того как футер выглядит http://c2n.me/3ddzptb Подскажите как решить такую проблему

    Asked by alex.kv,

    0 votes
    1 answer

  9. Проблема со шрифтом Roboto

    Скачал с гугла фонтс шрифт и установил. Но когда в фотошое фокусирую текст, пишет мол это приведет к изменению текста. Вопрос почему? если шрифт один и тот же? жму окей и текст слегка видоизменяется. Что за ерунда?

    Asked by raptor-dm,

    0 votes
    0 answers

  10. выравнивание горизонтального меню с картинками

    Здравствуйте,столкнулся с проблемой,не могу выровнять в горизонтальном меню картинки,сейчас это выглядит вот так http://slayers.zz.vc/ ,а нужно что бы ссылки были под картинками. <style> .menu_head{float:right;margin-top:17px;display:table;}.menu_head li{display:table-row;float:left; }.menu_head li a{display:table-cell;text-align:center;}</style> <ul class="menu_head"><li><a href="#"><img src="img/home.png"/>Про комплекс</a></li><li><a href="#"><img src="img/key.png"/>Квартири</a></li><li><a href="#"><img src="img/shopping.png"/>Покупцям</a></li><li><a …

    Asked by BlooDSikeR,

    0 votes
    7 answers

  11. Как правильно определить разрешения экрана

    Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…

    Asked by alleclf,

    0 votes
    20 answers

  12. Футер съехал вправо

    Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…

    Asked by Савоини Анастасия Андреевн,

    0 votes
    11 answers

  13. Сохранение символа и его вывод на экран, вся цепочка процесса

    Тема не о верстке, но не нашел раздела форума, где можно спросить было бы, поэтому пишу в этом разделе. Сколько не читаю статьи, никак не могу "въехать", я опишу, как вижу "мир", а вы, пожалуйста, напишите, где неправильно и как правильно. Большое вам спасибо! Я открываю текстовый редактор, нажимаю клавишу на клавиатуре. Контроллер клавиатуры отправляет процессору код нажатой клавиши. Операционная система передает этот код в текстовый редактор. Текстовый редактор определяет какая кодировка выбрана в операционной системе. Далее коду нажатой клавиши сопоставляется значение символа в текущей кодировке операционной системы. Например, код клавиши - 100, в кодировке windows-…

    Asked by FanAizu,

    0 votes
    1 answer

  14. Нужно ли сейчас уметь писАть код руками

    Здравствуйте. Хотелось бы из полиграфического верстальщика переквалифицироваться в web верстальщика. В связи с этим вопрос. Нужно ли в нынешних реалиях уметь писать код полностью руками? Если да, то сейчас акуально изучать сразу HTML5? Потому как знаю есть Dreamweaver в котором все гораздо проще чем писать в Notepad++, и, на сколько я знаю, есть Muse в котором просто рисуешь что тебе нужно, а он все это переведет в грамотный код. Выскажитесь профессионалы так ли это? Спасибо.

    Asked by KoKa,

    0 votes
    8 answers

  15. Как растянуть блок на оставшуюся высоту.

    Пробую верстать сайт.Возникла проблема растянуть блок блок на оставшуюся высоту,но не знаю как это сделать. Пробовал три метода. Вот скрин что нужно сделать. [hide] [/hide] Вот код HTML: <!-- Контент --> <section id="content" class="margin-center"> <!-- Левая часть контента --> <section id="left-aside-content"> <article> <header class="hookah-icon"><a href="#"></a></header> <p>Максимальное наслаждение от курения ароматного, сладкого кальяна.</p> </article> <article> …

    Asked by ELBegemotos,

    0 votes
    2 answers

  16. Как фотошоп показывает отсутствующие шрифты и еще пара вопросов от новичка

    Глупый наверное вопрос. Если я открываю макет, в котором используются шрифты, которых нет у меня в системе, он будет показан, как его задумывал дизайнер или шрифты заменятся на другие? Могу я не устанавливая шрифтов делать скриншот и спокойно верстать? Разумеется не трогая текстовых слоев и не нажимая вот тут "ОК" Можно ли из .psd файла получить все используемые шрифты, допустим в текстовый файл? Какие инструменты есть для работы со шрифтами (сохранить в другой формат, вырезать лишнее и т. д.)?

    Asked by Shiza,

    0 votes
    2 answers

  17. Почему рекомендуют utf-8

    Решил я проверить сайт на валидаторе W3C. А он мне и говорит: Legacy encoding windows-1251 used. Documents should use UTF-8. И почему так? У меня сайт на русском. Зачем мне лишний трафик? Какие есть причины делать сайт на utf-8?

    Asked by PavelTkachev,

    0 votes
    22 answers

  18. Роли и aria-атрибуты

    Подскажите, зачем нужны роли и aria-атрибуты? По моему они также дублируют друг друга. Стоит использовать и то и то, или что-то одно?

    Asked by PavelTkachev,

    0 votes
    7 answers

  19. Можно ли скриптом отловить смену ориентации?

    Можно ли скриптом отловить смену ориентации экрана устройства?

    Asked by alleclf,

    0 votes
    2 answers

  20. Прижать элемент

    Приветствую! Не могу прижать картинку вниз к дочернему блоку div, почему то она прижимается к низу body http://cssdeck.com/labs/71rtjukt

    Asked by Vans,

    0 votes
    2 answers

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

    Привет, друзья! Прошу помощи в решении задачи. Уже не знаю как подойти... Необходимо сделать такую стилизацию http://prntscr.com/68s92w . Мои попытки успехом не увенчались: .content-list ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: num; /* Задаём имя счетчика */ }.content-list li::before { content: counter(num) ' '; /* Выводим число */ counter-increment: num; /* Увеличиваем значение счётчика */ color: #ff0000; font-weight: 600; display: inline-block; padding: 5px; width: 100px; height: 100px; background: url(images/list-style.png) no-repeat; }Заранее благодарю!

    Asked by donkos,

    0 votes
    4 answers

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

    Здравствуйте. Не могу разобраться с версткой. Что предполагается: Что получается: http://jsfiddle.net/0jkoaz4w/9/ Таблица уехала в какие то дебри ( Подскажите, как правильно сделать.

    Asked by Trident,

    0 votes
    1 answer

  23. Тип элементов figure и figcaption

    Блочными или строчными являются элементы figure и figcaption?

    Asked by PavelTkachev,

    0 votes
    12 answers

  24. Свои атрибуты в SVG

    Можно ли в SVG файл вставить свои атрибуты и уже на сайте вывести картинку и получить эти атрибуты через JS?

    Asked by Vlad,

    0 votes
    2 answers

  25. Как мне сделать такое меню ?

    http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg Как мне сделать такое меню ? Вот что есть http://jsfiddle.net/mnuy4o11/ не могу последние слова About us, My collection, Login не могу задать им отдельно цвет текста и сделать его не заглавными буквами, точнее могу но если использовать !important читал что лучше избегать его.

    Asked by Shenia132,

    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