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. Сохранение из фотошопа без потери качества.

    Уже сколько раз встречается такая проблема. На сей раз на странице в фотошопе существует 1 иконка (лупы), он сделан при помощи иконочного шрифта. Не хочется подключить шрифт для этого, так как иконка единственная. Вот нажимаю на него правой кнопкой мыши в фотошопе, жму преобразовать в смарт объект. Дальше привычно зажатым ctrl кликаю на превью чтоб она выделялась, копирую на новую страницу, снимаю фон и сохраняю для web-a ctrl+shift+alt+s в формате png, настройка бикубическая-четче. Загружаю на сайт, а там как будто отгрызали по краям, края не ровные идут.. Что я делаю не так p.s. такая же бяка случается когда что нибудь с fx пытаюсь преобразовать в смарт объект и сохрани…

    Asked by Нарек,

    0 votes
    2 answers

  2. Проблема с масштабами

    В общем, учусь верстать. Итак, проблема вот в чем, я сделал шапку для сайта, но при увеличении страницы(ctrl+scroll мышки), шапка съезжает, она уже не по центру страницы, а по абзацам. Я смотрел на другие сайты и у них шапка остается на месте, как и в общем все, а у меня шапка съезжает, уже не в строчку остается. Плохо объясняю я. В общем, этот код введите, и увеличьте страницу и думаю поймете в чем моя проблема. P.S. чем отличается id от class и как лучше верстать страницы, таблицами или слоями. <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>Заголовок</title><link rel="stylesheet" type="text/css" href="2.css"></head&g…

    Asked by RuslanHeYca4ev,

    0 votes
    6 answers

  3. Иконки

    Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

    Asked by modfop,

    0 votes
    9 answers

  4. Смещение форм и кнопок

    Добрый день Подскажите, как сделать что бы на мониторах с разным разрешением, кнопки и формы не смещались, а всегда оставались по центру. Например вот сайт http://testhtml.besaba.com/ Если посмотреть через этот сайт http://ami.responsivedesign.is/ то на ноутбуке формы и кнопки смещаются в левую сторону, можно как нибудь это исправить? Спасибо

    Asked by kirill1059,

    0 votes
    12 answers

  5. Работающий Backend template, bootstrap 3 темплейт нужен

    Всем привет, нашел такой симпатичный темплейт http://binarytheme.com/bootstrap-free-admin-dashboard-template/ начал натягивать на свою админку пока не заметил, что при уводе фокуса с поля выскакивает ошибка "Empty string passed to getElementById()." со ссылкой на jquery-2.0.3.min.js файл. Попробовал подключить jquery-1.11.1.min.js из своего проекта - та же ошибка. Ошибка довольно критична - валидация при вводе сразу перестала работать. Первая мысль выкинуть темплейт и найти нормальный и собственно вопрос : Подскажите плиз Backend template, bootstrap 3, многофункциональный, желательно светло серых тонов и не очень страшный на вид и бесплатный. Желательно проверенный на …

    Asked by mstdmstd,

    0 votes
    3 answers

  6. Слетает стиль текста на ipad.

    Всем привет! Помогите пожалуйста разобраться с проблемкой. сайт sledd.ru При отображении в браузерах (всех) на компьютерах всё отображается корректно, но при отображении сайта на ipad, слетает стиль для верхнего-правого блока в котором телефоны. Такое ощущение, что стиль действует только не первую цифру верхнего span и не даёт присвоить стиль для другого span. Ссылка на изображение: https://yadi.sk/i/jS1x3DVcYUCrW

    Asked by seregamurman,

    0 votes
    7 answers

  7. Косяк верстки на iPad

    Сайт: zabotuchka.ru На айпаде появляется непонятный косяк: Как исправить?

    Asked by posthack,

    0 votes
    3 answers

  8. изменение пропорций шрифта

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

    Asked by cyklop77,

    0 votes
    2 answers

  9. Проблемы с наведением на подменю

    Добрый день. Возникла проблема, с которой не могу справиться. Имеется меню, и при обычном наведении на подменю — оно (подменю) исчезает. Если совсем быстро передвинуть курсор, то можно успеть. Как это исправить? Сайт http://salon-host.ru/ Заранее благодарю

    Asked by ksiu82,

    0 votes
    1 answer

  10. Какой стандарт SVG использовать в сайтах?

    Какой стандарт SVG использовать для работы с сайтами 1.1 или 1.2?

    Asked by PavelTkachev,

    0 votes
    4 answers

  11. Адаптивный слайдер

    Здравствуйте. Подскажите как можно отцентрировать слайдер, то есть при уменьшении разрешения, картинка не обрезалась по левому краю! Очень нужна помощь ! kibersant.fatrabbit.ru

    Asked by Omega24v,

    0 votes
    1 answer

  12. Учусь верстать спрайтами

    Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод? http://jsfiddle.net/9LsUQ/ Никакие посты про спрайты не читал, просто знаю про их существование.

    Asked by DivMan,

    0 votes
    11 answers

  13. Прошу помощи грамотных верстальщиков!

    Народ помогите пожалуйста! Суть дела вот в чём. Есть сайт vitalsone.ru. Задумка такова, что "каркас" сайта должен иметь лёгкую тень по бокам. Раз у меня подвал должен прижиматься к низу, соответственно есть блок с контентом и подвалом, обоим я задал тень. Проблема в том, что при уменьшении окна браузера по-высоте, тени пересекаются, а по-бокам накладываются друг-на-друга.....как быть?

    Asked by seregamurman,

    0 votes
    4 answers

  14. Добавление цветной полоски позади скроллера

    Здравствуйте. Использую jQuery custom content scroller, вот отсюда http://manos.malihu.gr/. появилась идея сделать так, что бы делать цветным пройденный путь скроллера где то вот так http://joxi.ru/b6bYU_3JTJBmDo5nNUE. Вот сижу думаю, ничего в голову не приходит, может кто то сделал уже, поделится) Буду очень благодарен. JsFiddle http://jsfiddle.net/PY66D/, демо плагина можно увидеть тут http://manos.malihu.gr/tuts/custom-scrollbar-plugin/max-width_example.html нажать пару раз на Add Content.

    Asked by Нарек,

    0 votes
    5 answers

  15. Кнопки в IE

    Добрый день. Я уже, наверное, всем надоела. Но у меня проблема. В брауезере всеми нами любимом в самом низу страницы кнопки отображаются не в одной плоскости с каруселью, а как блочные. http://www.pereezd-kvartiri.su/ Именно эта проблема появилась на движке, при верстке такой проблемы, конечно же, не было. Уменьшение ширины карусели на результат не влияет, ессно. Кто-то сталкивался с таким? И что сказать мне IE, чтобы он перестал.

    Asked by kattiperk,

    0 votes
    6 answers

  16. Баг при hover-эффекте

    Несколько раз уже с таким сталкивалась, почему он возникает и как с этим бороться пока не удалось выяснить. При наведении на кнопку, появляется что-то вроде левого бордера, хотя его там никогда не было. Наблюдается это только в хроме. На скрине кнопки сделаны дивами, еще видела такое с ссылками. В данном примере баг появлялся при задании кнопкам марджин по горизонтали - auto. То есть при центрировании. Может кто-то знаешь, что это такое и как бороться?

    Asked by AlexBes,

    0 votes
    4 answers

  17. Иконки в списках

    Ребят здравствуйте подскажите пожалуйста Проблема с иконками в списках, Есть такое меню Проблема в том что при наведении на пункт иконки должны менять цвет, подскажите как сделать просто вставить иконки у меня получилось но нужно что бы при наведении они меняли цвет (сами иконки спрайтом) Как вообще такое реализовать, может кто сталкивался и нашел решение, пробовал искать в google но нормального решения так и не нашел

    Asked by Евгений_SB,

    0 votes
    3 answers

  18. Почему палитры цветов получаются разными?

    Почему в разных сервисах- разные результаты? Картинка то вроди бы одна и та же... И цвета по идее тоже должны быть.

    Asked by SKSKSS2013,

    0 votes
    1 answer

  19. как скопировать html контент вместе с его стилями?

    Уважаемые знатоки, подскажите пожалуйста, как можно быстро выдрать со страницы часть html контента вместе со всеми его стилями, не копаясь в css файлах? Например, мне нужно форму со страница А переместить на страницу Б. Так, чтобы стили страницы Б к моей форме не применялись, а выглядела она точно также, как на родной странице.

    Asked by Koroed,

    0 votes
    8 answers

  20. Иконки

    Здравствуйте всем. Есть такой вопрос: вот все говорят что изображения на сайте надо разделить по назначению: для оформления и картинки со смыслами, то есть имеющие отношения к содержимому сайта. И рекомендуют последних взять в тег <img>, а те что для оформления задавать строго в background. Иконки нужны для оформления, соответсвенно их берем в фон. Но иногда иконки являются ссылками, кнопками и т.п. Как им задаем эти ссылки если они в background?

    Asked by modfop,

    0 votes
    6 answers

  21. @media min и max width

    Доброго всем! Сделал небольшой примерчик: http://almostman.ru/main/ Задумка такова: 1) При размерах экрана меньше 270px выдавать сообщение о невозможности отображения странички. думаю сделать это с помощью JS чуть позже. 2) При размерах экрана от 270 до 595 px показывать отцентрированные изображения друг за дружкой. 3) При размерах экрана от 596 до 870 px показывать изображения смещённые float-ом влево, по две штуки в ряд. Когда ставлю размер 270, всё нормально. Когда ставлю 595-597, изменений нету, они стоят, как стояли при условии (2). Если поставить @media (min-width587px) and ... то всё какбы срабатывает, но получатся он берёт сразу стили из двух @media и margin по …

    Asked by Tobey,

    0 votes
    4 answers

  22. Меню с закруглёнными пунктами

    Хотел сделать менюшку, в которой у пунктов справа будет закругление. Получается симпотично, но вот когда пункт активен или на него наведён курсор, то....сами посмотрите на скриншот и поймёте в чем беда. Подскажите решение проблемы. Вот стили: http://pastebin.ru/bk24Okzf

    Asked by xSPiRiTx,

    0 votes
    1 answer

  23. Не центруется надпись, что я делаю не так?

    Хочу с помощью css поменять позицию надписи на странице. Сделал вот так. Нифига не меняется. Что я делаю не так?

    Asked by delahtml,

    0 votes
    4 answers

  24. Переопределение стилей штатных INPUT radio и checkbox

    Приветствую! Пытаюсь переопределить стили для штатных чекбоксов и радио без JS Собственно каким образом скрыть сам чекбокс, подозревая что бекграунд отображаеться, но его перекрывает сам чекбокс И еще, что с кроссбраузерностью у данного варианта. <!DOCTYPE html><HTML> <HEAD><TITLE></TITLE> </HEAD> <BODY><SCRIPT type="text/javascript"></SCRIPT><STYLE type="text/css">form{}.label{float: left;margin: 0 0 0 10px;width: 157px;height: 122px;background: #f7f7f7;padding: 3px;position: relative;}label input[type="radio"]{background: url(./Images/form-sprite.png) no-repeat 0 -9999px;width: 21px;height: 21px;floa…

    Asked by Valmon,

    0 votes
    2 answers

  25. Подскакивает меню

    Ребятки, прошу помощи. Что-то я вообще с ума сошла. На движке сайт стал делать вот это в меню. На всех страницах оно как положено, ровно и не скачет, например http://www.pereezd-kvartiri.su/ А вот на этой подтянулось вверх http://www.pereezd-kvartiri.su/photo/dachnyi-pereezd.html Как решить эту вещь? Глаза вылазят, не могу смотреть уже.

    Asked by kattiperk,

    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