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. Вопрос по рекламе

    У меня стоит сайт на директе, сейчас я хочу поменять дизайн сайта ( другой шаблон поставить ). Мне придется заново писать рекламную кампанию для директа? Или же шаблон никак не сказывается на директе?

    Asked by svang,

    0 votes
    1 answer

  2. опознать шрифт

    помогите пожалуйста опознать шрифт

    Asked by cyklop77,

    0 votes
    1 answer

  3. Оцените мою верстку

    Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !

    Asked by Shenia132,

    0 votes
    14 answers

  4. Событие для кнопки "Отправить"

    Может тут мне помогут. Есть форма на странице http://kursy05.ru/landing/obratnaya-svyaz.phpдля кнопки "Отправить" добавил в самой же форме событие onclick реализующее цель "Событие" в метрике. onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;"Получилось так: <input type="submit" name="web_form_submit" value="Отправить" onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;">Везде написано что нужно добавить код. Делаю, но в метрике ничего не отображается ничего. Может что-то не так я делаю?

    Asked by kolhoz,

    0 votes
    3 answers

  5. Навигация по сайту (только html и css)

    Добрый день. Сайт состоит из нескольких сотен страниц, все страницы между собой слинкованы, т.е. на каждой странице пронумерованы ссылки друг на друга (что то вроде навигации). Есть только html и css. Сами ссылки оформлены кнопками или картинками. Подскажите пожалуйста как можно выделить активную страничку ("подсветить" кнопку в навигации)? Но так, что бы не редактировать свойства для каждой странички отдельно. Вот например такие 3 странички. Возможно ли выделять активную, не редактируя стили на каждой? Страничка 1.html <!DOCTYPE html><html><head><title>1</title></head><body><p>text...text...text</p><a href="…

    Asked by Ururu,

    0 votes
    2 answers

  6. Вставка видео/аудио на сайт

    Требуется сделать подгрузку видео и аудио роликов на сайт. Не с youtube. Какой на сегодняшний день оптимальный вариант сделать это? Чтобы работало в том числе и на iOS. HTML5 насколько я понимаю требует подгрузки нескольких форматов, что не очень желательно.

    Asked by vip,

    0 votes
    1 answer

  7. 3D облако тэгов

    Доброго времени суток уважаемые спецы. Помогите пожалуйста решить проблему: Заказчик хочет навигацию в виде 3х облаков тэгов по разным темам, проблема в том что бы поместить все 3 облака на одну страницу. На данный момент облака на разных страницах (http://www.site-devga.ru/test/index.html), подскажите как можно свести их на одну или может есть другой вариант решения проблемы. Вот сам код страницы <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /&…

    Asked by Vadim-Oblivion,

    0 votes
    7 answers

  8. Все пропало!

    Здравствуйте. На сайте Реком для гостей не отоброжается содержимое главной страницы. Внастройках пользователей смотрел: гостям вход на эту страницу открыт. В чем проблема не знаю... <div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div><?endif?><ul class="css-menu-2"> <li><a class="selected" href="#">О НАС</a></li> <li><a href="#">Преимущества</a></li> <li><a href="#">Профилактика</a></li> <li><a href="#">Ремонт</a></li> <li><a href="#">Замена матрицы</a></li></u…

    Asked by Mestniy96,

    0 votes
    8 answers

  9. Боеовой блок адсенса наезжает на контент при масштабировании

    а вообще не надо, при таком сильном увеличении, как раз этот блок всеравно убираю а если не сильно увеличивать, то нормально все, так что уже вопрос не актуален При увеличении масштаба, левый сайдбар гугла наезжает на контент html <div id="wrapper"><div id="content">контент</div><div id="left">адсенс</div></div>css #left { float: left; height: 600px; width: 20%; border: 1px solid black;}#content { float: right; background: green; border: 1px solid black; margin-left: auto; min-height: 300px; width: 78%;}#wrapper { margin-left: auto; margin-right: auto; max-width: 500px;}Можно ли как-то сделат…

    Asked by nikki4,

    0 votes
    0 answers

  10. Заманиловка

    Здравствуйте. Имею сайт сервисного центра по ремонту электроники. Хочется что-бы он хотябы сам окупал себя(домменая зона). Что посоветуете разместить на таком сайте? Что бы вы хотели на нем видеть... Заранее спасибо. С уважением Евгений!

    Asked by Mestniy96,

    0 votes
    10 answers

  11. Такое можно в Jade?

    Всем привет! Подскажите, можно ли в Jade как-нибудь подключить файл с параметрами? Проблема состоит в следующем: у меня есть шаблон(layout.jade) и в нем я подключаю head из отдельного файла (_head.jade). Поскольку страниц много, нужно, чтобы для каждой страницы title был свой. Как сделать так, чтобы на определенной странице я подключал(наследовал - extends) layout.jade например с параметром #("Страница 1"), шаблон в свою очередь подключал head с этим параметром, а head вставлял туда, куда ему нужно? Или это делается только с помощью примесей? Заранее спасибо!

    Asked by Antoshka007,

    0 votes
    4 answers

  12. Сортирока списка с помощью CSS

    Добрый день, есть такая задача, список из 5 пунктов, у одного из них клас active (не у третьего), можно ли с помощью css сделать что бы он стал посредине. к примеру тут

    Asked by laliev,

    0 votes
    6 answers

  13. Слайдер фотографий

    Доброго времени суток! Ув. опытные форумчане, надеюсь на вашу помощь. Мне нужно, чтоб, когда нажимаешь на фотографию, там были кнопки "листать фотографии вперед / назад" Как на скриншоте: http://joxi.ru/DrlElVJTQwMzmP

    Asked by svang,

    0 votes
    5 answers

  14. Отступ от фреймворка youtube

    Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…

    Asked by Ich,

    0 votes
    2 answers

  15. Как разместить абзац под картинкой?

    Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…

    Asked by nikki4,

    0 votes
    3 answers

  16. Bootstrap 3 адаптивное меню

    Здравствуйте. Нужна помощь по адаптивоному меню. При отображении на малых екранах вверху главное меню сворачивается в одну кнопку справа при нажатии на которую разворачивается меню в столбик. Ниже расположено три колонки, нужно чтобы точно также работало меню которое там есть. Прописал стили меню в колонках, но немогу понять где ошибка, так как при уменьшении екрана меню не пропадает, нужно кликнуть на кнопку (вид вертикально три точки) тогда сворачивается и разворачивается. Вот ссылка на пример: http://webaider.com

    Asked by karpus,

    0 votes
    0 answers

  17. Обрезка изображений

    Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.

    Asked by perec200,

    0 votes
    1 answer

  18. мультиязычность - типа опроса

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

    Asked by forest_moss,

    0 votes
    5 answers

  19. Как правильно написать?

    Здравствуйте друзья, как мне написать такое C value=A value +B value? <input type="text" size="40" name="email"><input type="text" size="40" name="phone"> <input type="hidden" size="40" name="comment" value="">

    Asked by Serkar,

    0 votes
    5 answers

  20. Какой синтаксис для background

    Часто встречаю разные варианты для тега background. Ссылка на картинку может быть в двойных кавычках, одинарных, или вообще без кавычек. Работают все варианты. Скажите пожалуйста, как правильно? Вот пример: - background:url('http://site.com/error.png')- одинарные - background:url("http://site.com/error.png")- двойные - background:url(http://site.com/error.png) - без кавычек

    Asked by alleclf,

    0 votes
    9 answers

  21. Как правильно переделать статичную верстку под адаптивную?

    Для гугла и заодно людей с маленькими мобильными надо сделать адаптивную верстку. Почитал, что надо пользоваться media-query, например: @media only screen and (max-device-width:480px), only screen and (-webkit-min-device-pixel-ratio: 2)и так под разные устройства чтоб подгружались свои стили Однако столкнулся с тем, что когда я делал статичный макет - все отступы, линии, шрифты, все прописал в px под экраны от 800px чтобы удобно. Правильно ли я понимаю, что надо теперь все перевести в проценты, чтоб все было относительно? чтобы не копировать целиком css файлы, а потом опять по пиксельно замерять для каждого устройстваЮ а только 1 раз изменить в % , а потом уже менять т…

    Asked by nikki4,

    0 votes
    1 answer

  22. Убрать лишние 20px после <form>

    Доброго времени суток. Возникла проблема следующего рода, пытаюсь убрать лишние 20px между "шапкой" с названием сайта, формой авторизации и красной полосой навигации по сайту. Т.е. просто нужно прижать форму авторизации вплотную к полосе навигации. Посмотрел подсветку отдельных элементов инструментом разработчика в яндекс.браузере и он отображает мне что на элементе <form> высота в 98px, во всех остальных элементах высота равна 78px. Пример: http://tsw.su/test/registration.php

    Asked by rscout13,

    0 votes
    4 answers

  23. На мобильных проблема с бекграундом

    Добрый вечер, друзья! Подскажите в чем проблема. Не могу понять. Почему фон так режется ? http://i.imgur.com/HxRUb3H.pngВот сама верстка http://root1.donkos.esy.es/ . Заранее искренне благодарю!

    Asked by donkos,

    0 votes
    4 answers

  24. bootstrap container-fluid не на ширину экрана

    Добрый день. Столкнулся с такой проблемой - верстаю на bootstrap. Прописываю стиль для container-fluid <div class="container-fluid yellow_bg"></div>.yellow_bg { height: 355px; background: #ffd504;}Однако если по горизонтали мень 958 пикселей начинается такая фигня: (с права начинает вылазить белый блок). Подскажите, как с этим бороться? Вот сам сайт

    Asked by jdk,

    0 votes
    1 answer

  25. Вертикальное выравнивание

    Help! Уверен, что для большинства задача до ужаса тривиальная, но у меня чего-то не выходит ее решить. Вопрос простой: как выровнять блок по вертикали. Вот такой пример: https://jsfiddle.net/742cx8wj/1/ Нужно, чтобы RIGHT было посередине. Спасибо!

    Asked by Antoshka007,

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