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

29542 questions in this forum

  1. Как сделать кнопку с рисунком

    У меня примерно вот такой код : <button> <img src="image/4.jpg" alt=""> </button> но когда я его запускаю появляется обычная кнопка без рисунка.

    Asked by Андрей309,

    0 votes
    5 answers

  2. Загрузка background-image и @media screen

    Подскажите, пожалуйста, как загружаются background-image, если для мобильников и десктопов делать разные фоны.. В зависмости от @media screen или все сразу грузятся?

    Asked by pamavik,

    0 votes
    1 answer

  3. overflow ограничивает абсолютный блок

    Как сделать, чтобы абсолютный блок не обрезался внешним блоком с ограничением overflow:auto. Структура такая: <div style='overflow:auto; width:500px;'> <div style='position:relative'> <div style='position:absolute; width:1000px;'> длииииииииииииииииииинннннннннннннннннннннннныыыыыыыыыыыыыыыыыыйййййййййййййййййййй тееееееееееееееееккккккккккккссссссссссссттттттттт </div> </div> </div> Как сделать, что бы блок с текстом не обрезался внешним дивом с overflow, но при этом позиционировался относительно блока relative? z-index менял. В статичный блок абсолютный помещал.

    Asked by BoJITyH,

    0 votes
    13 answers

  4. Плавающее меню, с фиксацией вверху

    не получается сделать вот такое фиксирующее меню, чтобы при пролистывании меню поднималось вверх и там фиксировалось вот пример сайта http://mattweb.ru/demo/fixed_menu/ в прикрепленных мои файлы float.html float.css

    Asked by kagan25,

    0 votes
    9 answers

  5. В какую сторону копать для упрощения верстки (макетирование).

    Я в веб-верстки ровно месяц. Так что извините за незнание каких-либо терминов или/и их неправильное употребление. Попытался сделать сайт для себя, т.к. просто учиться на офлайн-файликах немного скучно. И уже сейчас столкнулся с такой проблемой. HTML-файлов в сайте уже штук 10, и каждый раз когда я хочу изменить интерфейс сайта мне приходится последовательно менять его во всех этих 10 файликах. Можно ли как-то оптимизировать этот процесс? Порылся в интернете - есть рекомендации Adobe Dreamweaver CC, но также пишут мол он "отупляет" верстальщика. Какую программу посоветуете для решения этой проблемы? В какую сторону копать?

    Asked by Moles,

    0 votes
    4 answers

  6. Портфолио на Github

    Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…

    Asked by CdSy,

    0 votes
    0 answers

  7. Подскажите как сделать онлайн компилятор HTML/CSS.

    Ребята помогите пожалуйста в решении вопроса.А именно как сделать онлайн компилятор HTML/CSS на подобие того что в CodeAcademy или jsfiddle?Хочу попробовать сделать сайт на подобие того самого CodeAcademy, для дипломного проекта.

    Asked by Konstantin99,

    0 votes
    2 answers

  8. Помогите плз с версткой

    Уже 2 дня не могу сделать вестку header(файл во вложении). Вся шапка в формате psd(могу вытянуть любой рисунок). Не получается наложить рис. так что б они при уменьшении дисплея не плыли, тоесть были адаптивными к любому расширению дисплея. Использую фреймворк bootstrap. Белая и серая полоски будут росширяться, при изм.дисплея. Надеюсь на Вас ув.форумчане. С css и html знаком. Заранее благодарен

    Asked by Yura1989,

    0 votes
    2 answers

  9. простейший вопрос, но вызвал ступор

    Добрый день всем участникам! Суть задачи - есть много (около 4.000) файлов html, структура одинаковая, нужно из каждого файла экспортировать текст в какой-нибудь формат для дальнейшей сортировки (xls, csv, odt - не столь важно). Пример кода: <b class="worker">Виктор</b>, вот нужно только этого "Виктора" и экспортировать. Хотелось бы найти готовое решение/программу, все мысли почему-то крутятся в заказе скрипта-обработчика на php... Заранее спасибо за советы )

    Asked by Диана23,

    0 votes
    0 answers

  10. Убрать подложку сайта под кнопками

    Друзья,всем добрый день! Помогите пожалуйста разобраться. Имеется фоновое изображение и подложка сайта на которой размещены кнопки. Необходимо чтобы за кнопками отсутствовала подподложка, а рядом где кнопки отсутствуют она осталась. Хотелось бы чтобы было вот так: http://hkar.ru/HHwR Сам код вот здесь: http://codepen.io/Ivan545/pen/reGdQe

    Asked by Иван98,

    0 votes
    6 answers

  11. Как сделать обтекание текста по середине рядом с div-кнопкой

    На сайте вверху есть вот такая информация: Вот код: <div class="box-services"><span class="pull-left"><i class="fa fa-refresh">&nbsp;</i></span> <div class="media-body"> <h3><a href="http://www.duoterm.ru/contact-us/"><font><font>Сделать заказ</font></font></a></h3> </div> </div> <div class="box-services"><span class="pull-left"><i class="fa fa-phone">&nbsp;</i></span> <div class="media-body"> <h3><font><font><font><font>+7 916 321-81-40</font></font></font></font>&…

    Asked by guram07,

    0 votes
    2 answers

  12. Как поднять Div

    почему диф в конце списка опустился тем самым увеличивая высоту ли с бордерами *{ margin:; padding:; border: none; } .wheader{ text-align: center; width: 1100px; margin: auto; height: 90px; } .wheader img { margin-top: 20px; } .wmenu{ height: 50px; background-color: #fafafa; border: 1px solid #eee; } .menu{ width: 1100px; margin: auto; height: 50px; } .menu-list{ list-style:none; display:table-row; } .menu-list li{ display:table-cell; width:auto; text-align:center; border-left:2px solid #eee; …

    Asked by BaukaKz,

    0 votes
    1 answer

  13. CSS анимация при переходе с display:none на display:block

    Здравствуйте! Ситуация следующая: есть навигация nav, которая в мобильной версии исчезает с помощью display:none. С помощью JavaScript переключаю свойство display на block. Естественно, все это происходит резко - появление и исчезновение меню. Можно ли сделать плавное появление меню средствами CSS анимации? Погуглил - пишут что на display анимация не распространяется. Но все же, может Мастера подскажут... Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    10 answers

  14. HTML 5 на деле - шаблон интернет магазина

    Здравствуйте. У меня уже очень давно зреет вопрос, а теперь я решил переверстать несколько своих проектов с использованием html5 тегов. И задался я вопросом какие же теги из html5 стоит использовать в интернет-магазинах, по копав интернет, ничего конкретного я не нашел, а что нашел датировано 2010-2012 годами. Есть понятные вещи и некоторые я уже давно использую, например, тег <nav>, все меню сайта у меня находятся в этом теге. Тег <heder> и <footer> тоже не заставляет задуматься. Н на этом пожалуй и все….. Остальные теги вгоняют меня в мысли, нужны ли они или как их правильно использовать: Тег <article> - почитал в интернетах, вроде…

    Asked by Tipylja,

    0 votes
    1 answer

  15. Изменение выдвижного аккордеона - на круги

    Доброго времени суток! Я выбрал js аккордеон выдвижного типа с горизонтальным рядом квадратных раздвигаемых картинок . Требуется квадраты поменять на круги "тарелки". Проблема!!! Изображение кругов в png не дает прозрачного фона за пределами окружности - остается белый бек в размере квадрата. Замена изображения на окружность средствами CSS дает те же результаты. Прошелся по всем бекам - изменил на "none" или добавлял прозрачность - "0"... Все без толку. А прозрачность тупо делает прозрачным весь "круг". Не знаю где еще смотреть.

    Asked by Vlad16,

    0 votes
    1 answer

  16. Сетка bootstrap-sass 11-колоночная?

    Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, кото…

    Asked by Sigizmund,

    0 votes
    9 answers

  17. Убрать подчеркивание номера телефона в IE

    Обратил внимание, что в браузере internet explorer (edge) все номера телефонов выглядят как ссылки, т.е. подчеркнутые и синим цветом, что совсем не подходит для дизайна сайта. Телефон заключен в теги <p></p>. К тому же даже прописывание text-decoration:none не помогает. Можно ли как-то решить данную проблему? Вот пример страницы: http://t61588bl.bget.ru/demo/1.html

    Asked by AniMekka,

    0 votes
    4 answers

  18. Анимация блока с текстом

    Добрый день! Столкнулся с такой вот проблемой (или это не проблема вовсе) при анимации блока с текстом внутри. Код: codepen.io Вопрос. Так и должно быть? Т.е. текст как будто немного искажается на долю секунды. В Хроме плавно искажается. В Мозиле этого почти не видно. В Опере немного похуже.

    Asked by BehemothOz,

    0 votes
    1 answer

  19. Реализация кнопки нестандартной формы

    Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.

    Asked by helio,

    0 votes
    3 answers

  20. Не все буквы русского алфавита отображаются правильно

    Всем привет, возникла такая проблема. На сайте не отображаются некоторые буквы русского алфавита, точнее не правильно отображаются. Кодировка win-1251 ничего не меняет, а при кодировке utf-8 совсем все становится иероглифами. С английским все в порядке. Все отображается правильно, но хотелось бы решить проблему с русским языком. Подскажите пожалста решение. Как это исправить?

    Asked by Frost,

    0 votes
    6 answers

  21. Как сделать правильное от отображение формы обратной связи?

    Добрый день! Недавно у меня возникли проблемы с формой обратной связи - сообщения не приходили. Сайт я делал в Adobe Muse. Изначально форма имела такой вид ( я укажу лишь участок кода, чтобы внимание не распылять, так-как я думаю проблема именно в этом участке ) : $to = 'london@asiris.esy.es'; $subject = 'Home'; $message = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/plain ;charset=UTF-8"/><title>' . htmlentities($subject,ENT_COMPAT,'UTF-8') . '</title>&l…

    Asked by Zakonoposlushniy,

    0 votes
    0 answers

  22. Сабменю двигает контент (пробовал absolute, но исчезает меню)

    Меню второго уровня двигает контент. Посмотрел в чем причина может быть - пробовал ставить абсолютную позицию, но тогда меню второго уровня не вылезает. вот сайт http://kernmetal.ru/

    Asked by nikki4,

    0 votes
    1 answer

  23. Гуру флексбоксов, созываю вас!))

    Флекса, что не на есть хорошо подходят для модальных окон. Ровняют сами, вообще супер, но... Я никак не могу понять, как работают флекса с переполнением... Что если дочерний больше, "папе" я добавляю скролл: авто, да скроллится, но как мне сделать внутренние отступы у "папы", чтоб "сынок" не прилипал к краям папы??? Накидал мальенькой пример. Вверху видно внутр. отступ есть, а внизу он съедается... Как быть? Такое наблюдаю в лисе, в вебкитах все правильно... Пример: http://codepen.io/hesrun/pen/LNjKYR

    Asked by vladmih,

    0 votes
    2 answers

  24. Центрирование background (по центру экрана), но чтобы был фиксированого размера и не сжимался (а обрезался) при изменении ширины экрана

    Здравствуйте, изучил все возможные способы позиционирования background с помощью CSS. Но никак не пойму, возможно ли сделать такое. Есть картинка фона (background) размером 2560 на 1440 Хочу чтобы центр этого фонового изображения всегда был по центру экрана, но чтобы при этом при изменении ширины экрана - фоновая кртинка не изменяла своих размеров. Образно говоря, 1. Сначала применяю к фону свойство background-size: cover; фоновое изображение при этом фиксировано, не изменяет своих размеров при изменении ширины экрана, просто обрезается - так как я хочу, но хотелось бы ещё чтобы центр картинки был по центру экрана. 2. Применяю свой…

    Asked by BOMS,

    0 votes
    5 answers

  25. Проблема с переносом наименований товаров на следующую строчку

    Здравствуйте. У меня проблема с переносом на следующую строку в наименовании. Слишком длинные наименования, из-за чего то съедаются следующим блоком товара. Скрин: https://gyazo.com/42a126ede899769e7b2e5305d9a4f460 Просьба помочь, как исправить. И каким оператором/командой. Благодарю заранее.

    Asked by Rhapsody,

    0 votes
    1 answer
×
×
  • 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