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. Небольшой промежуточек

    Доброго всем дня, прошу помочь капельку доработать верстку. Хочется, чтобы между вырхней\нижней границами окна и хидером\футером было пространство, допустим в 10px или 1%. Пробовал писать что-то типа body {height:98%; margin-top:1%}; или же html {height:98%; padding-top:1%}; и т.д. Выходит ерунда, хотя, вроде, все логично... Благодарю за помощь. <!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" xml:lang="en"> <head> <style type="text/css"> html, body { padding: 0px; margin: 0px; height: 100%; margin-left: 20%; margin-ri…

    Asked by ]-[иколай,

    0 votes
    10 answers

  2. небольшой скрипт

    Здравствуйте уважаемые форумчане! Написал небольшой скрипт "подгрузки отзывов" который, по идее, должен срабатывать три раза при каждом нажатии на кнопку «показать еще», но он срабатывает только один раз, подскажите, пожалуйста, что не так ? P.S. В js не силен, недавно только начал изучать его ) http://web-verstka.zzz.com.ua/portfolio/reviews/

    Asked by stan07,

    0 votes
    2 answers

  3. Невалидный код ICQ , Skype, Yandex

    Кто подскажет как сделать страницу полностью валидной т.к. размещенные на странице ICQ , Skype, Yandex(ссылка на яндекс показывающая ТИЦ сайта). В Яндекс писал ответили, что амперсанд надо заменить, заменил потом опять код изменился на невалидный (ответили что не критическая ошибка). Самое плохо что на главной странице эти ошибки, тем более Яндекс дает сразу не одну ошибку, а по-моему две. Кто реально без флуда подскажет что необходимо делать, я думаю с подобными фактами встречаются все и кто как решает эту проблему. Спасибо. Тему пытался найти подобную, но не нашел. СПБ

    Asked by nic12,

    0 votes
    23 answers

  4. Неверная кодировка

    Файлы кодированы в UTF- 8 без BOM, кодировка стоит UTF-8, на локалке нету глюков, а на вебхосте кракозябры. Помогите разобраться с проблемой, всем заранее спасибо шаблон-заглушка на html адрес http://sci-net.org/

    Asked by moss,

    0 votes
    9 answers

  5. Неверная кодировка отображения. charset=windows-1251

    Здравствуйте. Вот адрес сайта. В коде указан charset=windows-1251. IE отображает нормально. Opera и FF каракули показывает. Собственно сайт был взят из сети в кодировке UTF-8 и изменена информация на нем. Немного причесан и прочее. Была вставлена строка <meta http-equiv="content-type" content="text/html; charset=windows-1251">. После этого сайт был выложен на хостинг. На хостинг выкладывал не я, но мне надо помочь этим людям разобраться с трудностями. В чем может быть причина каракулей? Спасибо.

    Asked by samorealization,

    0 votes
    2 answers

  6. Неверная обработка a:visited:hover в Chrome и Safari

    Подскажите, сталкивался ли кто-нибудь со следующей проблемой. При задании: a:visited:hover {color:red;} при подведении к ссылке мышью, она должна становиться красной. В FF, IE, Опере работает, а в Хроме и Сафари нет. Других стилей в документе нет. Что может быть?

    Asked by aviktorov,

    0 votes
    16 answers

  7. Неверно откладывается padding

    Ссылка Смотрим на список внизу. Там стоит padding-top: 31px; для элементов списка начиная со второй строчки, а на самом деле там откладывается 40px. Почему так происходит? Причем попробовал туда ставить 0 и тогда отступы вообще исчезали, то есть это отступ именно этого паддинга.

    Asked by Rustick,

    0 votes
    10 answers

  8. Неверно отображается в IE6

    Я понимаю что IE как браузер должен быть забыт и все такое, но заказчик хочет чтоб работало в IE6 собственно проблема - левое меню прижимается вправо, а должно влево, и текст не хочет копироваться, не могу понять почему ссылка

    Asked by folibis,

    0 votes
    0 answers

  9. неверно отображается фоновое изображение

    Здравствуйте, товарищи! Есть две ссылки каждая размещена в отдельном svg. При наведении на одну ссылку (pushkin) должно появляется фоновое изображение в виде круга синего цвета, при наведении на другую (lermontov.info) появляется фоновое изображение уже в виде окружности зелёного цвета. На деле правильно отображается лишь изображение при наведении на ссылку lermontov.info, а при наведении на ссылку pushkin вместо синего круга отображается окружность зелёного цвета. Подскажите пожалуйста как это исправить. <!DOCTYPE html><html><head></head><body><svg type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-i…

    Asked by Иван98,

    0 votes
    6 answers

  10. НЕВЕРНОЕ ОТОБРАЖЕНИЕ В IE

    Народ, может кто сталкивался с дурной спецификой отображения совершенно тривиального html-css кода в IE. Что характерно для Opera, Netscape проблем нет, а вот для IE - аж раздражает. Есть кусок простейшего кода, где при увеличении ширины браузера - увеличивается картинка в зависимости от пропорции, которые прописаны в процентном соотношении: <table style="width: 95%" border=1 cellspacing=1 cellpadding=3 class="#" align="center"> <tr style="width: 100%"> <td style="width: 50%"><img src="1.JPG" style="width: 100%" /></td> <td style="width: 50%"><img src="2.JPG" style="width: 100%" /></td> </tr> </table> Т…

    Asked by vahelfe,

    0 votes
    4 answers

  11. неверное отображение в браузерах

    Добрый день, у меня возникла проблема с обтеканием картинки справа и отступами в элементе <div> Причем обтекание в ИЕ происходит нормально, но поля всеравно нет... а в Мозилле идет перекрывание изображения. В справочнике написано что position: alternate задает позицию элемент отсчитывая от его текущей позиции... в данной случае он должен быть справа от изображения. Ну и если ошибки в коде или еще какие огрехи, критикуйте.. я только учусь( вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>создание ссылки без рамки…

    Asked by Shaak,

    0 votes
    3 answers

  12. Неверное отображение в браузерах

    Вот на этой странице слева есть меню, где активный пункт подсвечен зелёным и имеет стрелку. http://htmlbook.ru/samcss/universalnyy-selektor В Опере 17 заголовок Содержание и зелёная стрелка буквально на один пиксел отстаёт, также периодически какие-то глюки наблюдаются в других браузерах. Посмотрите, пожалуйста, всё ли в порядке у вас показывается и если нет, сообщите браузер, версию и ОС.

    Asked by Vlad,

    0 votes
    5 answers

  13. Неверное отображение на айфон 6-7

    http://www.sandalprestige.ru/services/dvernye-bloki-i-portaly/1375/ На айфонах 6,7 Дверь уходит вправо. Не могу понять в чем дело. Интересно, что если повернуть айфон горизонтально и вернуть вертикальное положение - все становится на место. Думаю, дело не в модели айфона, а в его разрешении, в общем подскажите, кто может P.S. Не комментируйте верстку, Сам не видел ничего более странного. Как в верстке, так и в натяжке. Однако надо исправить

    Asked by Vlad_P,

    0 votes
    2 answers

  14. Неверное отображение спецсимволов в опере

    Есть такой символ, как японская точка, выглядит он следующим образом, если взять его в кавычки: Т.е. находится в левом нижнем углу, справа немного пустого места для визуального разделения (пробел в японском не используется), а также тот факт, что всё является моноширным - каждый знак вписывается в условный квадрат. Итак, вот небольшой отрывок текста, заключенный во внутренние кавычки (Мозилла): Кавычки, запятая, точка, всё как надо. Гугл Хром: И даже Эксплорер: Но! Что творится в Опере: Молчу про безобразные кавычки, но каким образом что запятая, что точка оказываются по центру? И как это починить..

    Asked by Eugeneath,

    0 votes
    0 answers

  15. Неверное растягивание (скалирование) div блока по всей высоте body

    Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…

    Asked by b0s,

    0 votes
    25 answers

  16. Невероятная проблема с png

    При реализации очередного проекта я столкнулся с невероятной трудностью в настройке отображения прозрачности png для IE<7. Дело в том, что я постоянно пользовался трюком с созданием .htc-файла, этого было достаточно. Но текущая задача заставила меня убрать тег img и вставить .png-файл в background. И тут начались невероятные трудности... Задача: сделать скругленные края у картинки. Решение: Поместить картинку в background , внутри которого будут лежать еще 4 с полупрозрачными .png-уголкамиРеализация: Ограничения, накладываемые задачей: размеры всех div должны быть одинаковы Думаю, идея ясна. Теперь проблема: в IE<7 как известно прозрачность зад…

    Asked by XXXVII,

    0 votes
    12 answers

  17. Невидимая вертикальная прокрутка

    День добрый всем! Ребята, подскажите как на css избегая js сделать область фикированную шириной и высотой и чтобы внутри текст прокручивался при наведение курсора и нажатии стрелок вниз верх на клвиатуре? пробывал: overflow: hidden но не очень удобно

    Asked by okunev2,

    0 votes
    8 answers

  18. Невидимая колонка в резиновой таблице

    Добрый день. У меня возник такой вопрос к опытным верстальщикам: У меня есть таблица внутри блока <div>, состоящая из трех видимых колонок и одной невидимой. По умолчанию ширина колонок задана мной в процентах (на рисунке 1). Я могу выставить любой колонке значение в пикселях, в таком случае другие колонки восполнят ширину (рисунок 2). Но я могу также и задать все колонкам ширину в пикселях. В таком случае мне нужно, чтобы появлялась ещё одна колонка, которая восполнит ширину таблицы. Каким образом я могу организовать подобную колонку? Желательно на чистом CSS, но можно и с помощью JS.

    Asked by Sombrero,

    0 votes
    3 answers

  19. Невидимые гграницы при эмуляции одинаковой высоты.

    Здравствуйте, при эмуляции одинаковой высоты можно как-либо сделать границы центрального блока невидимыми? Верстаю макет, решил одинаковую высоту сэмулировать (А может и не нужно было?). Поставить синий цвет тоже не могу, так как градиент все же дает о себе знать, ставил border-left: hidden и border-right: hidden, но тогда колонки разбегаются по сторонам.

    Asked by Red Planet,

    0 votes
    9 answers

  20. Невидимые теги A

    Здравствуйте. Прошу у вас помощи. Уже не знаю что делать. Обрашил весь гугл - ответа не нашел. Верстая макет заметил, что добавляя простой текст в макет он автоматически становится ссылкой. Причем тег A ни в дримвивере ни в блокноте не отображается, а отображается он только в firebug'е: Просмотрел html файл тысячу раз, этих тегов которые на картинке выше я так и не нашел. Решив, что это вирус, скачал доктор-веба последней версии, но вирусов он не нашел. В чем проблема?

    Asked by bgdn,

    0 votes
    6 answers

  21. Невидимый select

    Здравствуйте! У многих элементов есть свойство type="hidden", у select`а такого свойства нет. Как сделать его невидимым? Спасибо. Нашёл: CSS -> visibility: hidden

    Asked by LuxCore,

    0 votes
    1 answer

  22. Невидимый див посередине страницы

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

    Asked by vvsh,

    0 votes
    25 answers

  23. Невидимый пробел

    Добрый день форумчане, вот сижу уже час и не могу понять...вот код: <div class="system-message-error"> {if $bLoginError} <li>{$aLang.user_login_bad}</li> {/if} </div> .system-message-error{position:absolute;width:460px;margin-left:-230px;top:18px;left:50%;border:1px solid rgba(190,40,40,0.4);background:rgba(145,0,0,0.2) url(../images/box_warning.png) 0 0 no-repeat;color:#d67f76;} .system-message-error li{display:block;margin:10px 0 10px 70px;} вобщем отображатся пиксельная полоска, FireBug показывает пробел в диве, но его там нету Может чего не доглядел? Заранее спасибо!

    Asked by kamaz6141,

    0 votes
    11 answers

  24. Невозможность выровнять плагин / его код по центру

    Здравствуйте! Пожалуйста, помогите решить мини-проблему. Установил на сайт плагин, отображающий рейтинг статьи в Google. Для работы плагина необходимо было вставить код плагина в single.php. Это я сделал. Шаблон выровненный по центру, после вставки кода в шаблон, плагин отображается смещенным вправо. Вопрос: как его выровнять? Прикреплю скриншот. Пожалуйста, помогите чайнику. Ломаю голову... ?

    Asked by Suprik,

    0 votes
    1 answer

  25. Недавно начал изучать front-end. Хотелось бы мнения и совета.

    Меня самого смущает свой способ добавления фотографий в этом документе. Я хотел расположить четыре изображение в ряд + кнопку под каждой. Никаких других способов не нашёл, потому что кнопка вставал слева от изображения, либо изображения не находились в центре. Есть ли какие-нибудь другие варианты, чтобы сделать так, как есть сейчас, но проще? У меня 2к монитор, на нём изображения расположены, как на скриншоте ниже. learntohtml.7z

    Asked by Dkhat,

    0 votes
    1 answer

  • Обсуждения

    • 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