HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Совмещение текста на картинке
Всем бодрого времени суток:)/>/> Вот такая загвоздка у меня... У меня сайт, внизу которого футер с картинкой (сплошная на всю длину). Задался целью сделать там надпись, на этом футере, но не тут то было. Картинка, при попытке вывести на нее текст, начинает отображаться самыми невообразимыми вариантами. Хотя по моей задумке она должна оставаться как есть и не меняться, и на ней просто в НУЖНОМ месте должен появиться текст. Вот как у меня в CSS записано отображение картинки: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Туда пытался вставить: .center p { text-align: center; Для того чтобы выравнять те…
0 votes2 answers -
Проблема с подключением LESS
Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/l…
0 votes3 answers -
таймер обратного отсчета
Подскажите пожалуйста, есть ли готовые таймеры на php к примеру, который бы начинал отсчет заного после обновления страницы? В инете много таймеров, но все делают отсчет до определенной даты...
0 votes1 answer -
Отправка смс
Подскажите сервис или натолкните на мысль пожалуйста, как можно реализовать отправку смс после заполнения формы? И возможно ли это? Спасибо!
0 votes7 answers -
Показать скрытые элементы при клике и оставить видимыми
Здравствуйте. Такая проблема, есть скрытые элементы которые появляются при hover на родителя, а если нажимать на них, то они должны оставаться видимыми и не пропадать, + менять background. Вместе с этим при повторном клике они должны вернутся в исходное положение - скрыться. Примерно вот так http://jsfiddle.net/npT6K/ правда тут скрытие элементов не реализовано, но не суть. По ссылке выше я пытался сделать chekbox-ами, казалось вариант идеальный, но одно но, элементов таких много.. Не писать же разные id к ним ко всем.. Как можно реализовать такую задачу? Без js/jquery, так как с ними знаю как)
0 votes2 answers -
Из за чего может быть так?
Ребят, из за чего так может быть так? Во всех браузерах нормально кроме сафари версии 6.1.1 которую я никак найти не могу что бы установить у себя и попробовать. И хром, и фф, и сафари (более старых и новых версий чем 6.1.1, даже на windows который) показывают все отлично, а вот сафари которая у заказчика делает вот такую пакость. http://www.youtube.com/watch?v=hjwHVHQmvg0&feature=youtu.be
0 votes8 answers -
[атрибут*="значение"] и [атрибут~="значение"]
По мне [атрибут~=значение] можно заменить используя [атрибут*=значение]. Зачем тогда оно есть? Работает быстрее? [атрибут|=значение]
0 votes2 answers -
Как оптимальнее разместить большую картинку в качестве фона?
есть большая картинка - кора дерева. задача разместить в качестве фона. размер для ширины в 1280пх - около 750кб.. что есть не оптимально для скорости загрузки. вот как бы её так сжать правильно? как вариант вижу - сделать левый и правый сайд бары, и в них выводить 2 крайние картинки шириной примерно 300*800, с повторением по вертикали. Но может это как-то по другому делается? пс: решил не заморачиваться, сжал до 350х800, повторение везде + снизил качество фона, получилось 100кб..
0 votes4 answers -
подскажите готовый элемент
http://spokoino.ru/ на сайте если нажать на слово москва в предложении выбрать автоинструктора в Москве то появляется список регионов подскажите готовое решение и как такой элемент называется?
0 votes0 answers -
Не индексируемый текст
Здравствуйте. Появилась необходимость сделать текст в шапке не индексируемым. Проблема в том, что он должен индексироваться на главной странице и не должен на остальных. Как этого добиться?
0 votes0 answers -
адаптивная верстка
Всем добрый день! Опыта мало. Пытаюсь адаптировать готовый сайт. В самом начале столкнулась с проблемой: задала body 320 px., mframe и в px., и в процентах задаю. Смотрю через Firebug и вижу, что mframe 323,6px. Почему так происходит? Ссылка на сайт http://labradorskie.com/ @media screen and (max-width: 320px) { body { width: 320px; } BODY td, th {background-color: #e5e5b7;height: 100%; } .mframe{ width:310px;height: 100%; } } ,
0 votes2 answers -
ВК тянет название записи блога
Не уверен что в этот раздел. Такая беда: https://www.euromedika.ru/ на главной странице выводятся заголовки статей. При размещении ссылки вконтакте на главную страницу https://vk.com/kosmetologia_nnov?w=wall-92556112_1017 почему-то в качестве заголовка подтягивается заголовок и картинка от филлеров (первый материал в списке) Что-то с микроразметкой намудрил?
0 votes0 answers -
Перенос гридов
Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сверстал это гридами, но почему то не переноситься на следующую строку https://codepen.io/anon/pen/OaqQNd
0 votes0 answers -
Проблема с якорем
Есть трехколоночный макет. Все три колонки одинаковой высоты сделаны с помощью padding-bottom:20000px; margin-bottom:-20000px; и overflow:hidden; position:relative; у родительского контейнера. В центральной колонке есть посты, в которых используются якоря. Если переходишь к одному из якорей через строку адреса, то браузер не опускает окно ниже, к посту. Он перетаскивает непосредственно контентную часть вверх окна. Т.е. сам пост. И всё что было до него - режется. P.s. если убрать overflow:hidden, то тогда становится всё ок, но внизу появляется пустое пространство в 20000px. В чем может быть проблема?
0 votes4 answers -
Наследование из других классов
Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…
0 votes3 answers -
Бордюры в IE
SOS... Как бороться с бордюрами в ослике. Ослик отображает бордюр внутри дива, а остальные браузеры как бы расширяют див на ширину заданного бордюра т.е если у нас высота дива 100px то в ослике 1px бордюр будет в нутри дива тем самым не увеличивая его размер, как это делают другие браузеры. У них, как я понимаю, бордюр на свою ширину расширяет див. 100px ширина дива и если мы ставим бордюр в 1px, то ширина дива уже будет 101px. Ну где то так. В общем подсмотреть проблему можно здесь. Если вы откроете в IE, то нижний бордюр будет неразрывным, а если в другом браузере, то он разрывается. Подскажите как с этим можно бороться?
0 votes2 answers -
Плавающие блоки
_http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?
0 votes3 answers -
Список с полем и таблица с данными
Добрый день. Мой вопрос такой. У меня есть таблица со списком регионов, городов и магазинов в них. Как можно привязать эту таблицу к расрывающемуся списку с полем на веб-странице? То есть нужно, чтобы при выборе в списке Ивановской области в таблице отображалась информация по магазинам Ивановской области. Пример готовой таблицы, которая подошла бы мне, находится здесь.
0 votes2 answers -
height: auto при float:
Добрый вечер. Столкнулся со следующей проблемой, если в блоке контейнере расположить другие блоки и придать контейнеру свойство height: auto, то оно не работает если для блоков внутри контейнера заданы параметры float. Подскажите пожалуйста решение проблемы. Пример кода здесь.
0 votes3 answers -
синяя рамка у картинке в ие
каа убрать на картинках-ссылках синию рамку в браузере IE? пс в других браузерах этой рамки нет. Заранее спасибо!
0 votes3 answers -
Горизонтальное меню CSS трабла
Вобщем, пришлось учится верстать, с горем пополам смог сделать li горизонт, картинки прочее сделал, проблема вот в чем: 1)Нужно чтобы при ховере свечение было от верха панели, а оно начинается от низа текста. Как сделать по другому не пойму, в hover span смещение не работает. CMS Jоомла если поможет 2) не выделяет активную страницу - т.е. юзер просто потеряется, не видя где он Коды вот: HTML <div id="topm"> <li class="about"> <a href="http://testt.ru/" title="О компании"><img src="/templates/sw/images/1.png" /></a> </li> <li class="facility active"> <a href="#" title="Услуги"><img src="/templates/sw/images/2.png"…
0 votes5 answers -
Двойной background
Добрый день! Такой вопрос: как сделать "двойной" background, т.е. часть (65% по горизонтали) надо замостить одной текстурой, а оставшиеся 35% другой?
0 votes4 answers -
Создание комментfриев на сайта html
Здравствуйте, как можно реализовать комментарии на html сайте c использованием php (или на php странице) Например есть форма <body> <tr> <td> <form action=mail.php method=post> Ваше имя<br><input type=text name=name size=30><p> Комментарии<br><textarea name=mess rows=10 cols=50></textarea><p> <input type=submit value="Отправить сообщение"> </form> </td> </tr> </body> Нужно еще соединение с БД и соответствующий скрипт? Как можно попроще это реализовать (кроме сторонних разработок, например disqus).
0 votes4 answers -
Наложение.
В общем,нужно так,чтобы картинка была в левом нижнем углу слайдера. Изображение: http://imgdepo.ru/id/i2190672 Слайдер: Код: <table style="border:none; width:100%"><tr><td> <link type="text/css" href="dbtech/vbslider/actions/dbtech_vbslider_forum1.css" rel="stylesheet" /> <div class="slider_widget" style="position: relative;width:712px; height:260px; margin-right:auto; margin-left:auto; "> <div class="block"> {$output[text]} </div> </div> </div> </td></tr></table>
0 votes4 answers -
Выравнивание div по центру страницы и max-width, min-width: сайта
Здравствуйте. Помогите пожалуйста выравнить div по центру страницы, чтобы работала если можно во всех браузерах. Какая минимальная и максимальная ширина страницы самая оптимальная ? #wrapper{ background:#f8f8ff; border:1px solid #000000; margin:0; min-width:?px; max-width:?px; }
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-