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
29542 questions in this forum
-
IE11 не применяет CSS
Есть сайт на самописном веб-сервере. К сайту применены CSS, определяющие вид и разметку. Во всех браузерах, включая мобильные сафари и хром всё работает, как задумано. В IE11 в нормальном режиме страница отображается так, как-будто стили не применяются совершенно. В режиме "совместимости" стили начинают применяться, но частично и довольно криво, например, не работает свойство position:fixed;, в таблице границы ячеек прорисовываются только, если в ячейке есть текст и многое другое. В логах сервера вижу, что браузер запрашивает файлы css и успешно их получает. Есть подозрение на правила безопасности. По-отключал все ограничения, которые нашёл, не помогло. Может кто сталкива…
0 votes10 answers -
убрать всплывающую панель управления изображениями
При наведении курсора на изображение появляется панель с возможностью печати, сохранения рисунка. Как ее убрать?
0 votes4 answers -
Тянущееся гризонтальное меню через список
Как сделать чтобы горизонтальное меню, сверстанное через ul, тянулось на 100%?
0 votes10 answers -
Как растянуть блок ТОЧНО до нижнего края экрана
Вчера весь рабочий день просидел в гугле, но так и не смог найти ответа на вопрос: "Как в css растянуть блок по вертикали?". Точнее, ответы есть, но они на элементарные случай, когда блок растягивается на 100% высоты своего родителя. Но этот и подобные способы не работают, если перед моим блоком стоит другой блок, и мне нужно, соответственно, заполнить растягиваемым блоком все пространство от его текущего положения до конца экрана. Причем мне нужно именно растянуть блок точно до правого нижнего угла, а не "обрезать" родительским блоком все, вылезло за его размеры. Постараюсь объяснить зачем мне это нужно на простом примере: http://jsfiddle.net/ongpj2vz/ <body><…
0 votes3 answers -
Валидация ссылок с амперсандами и знаками равенства
Доброе время суток! Вопрос в следующем: есть сайт, у которого есть подобная ссылка. <!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> <title>111</title> </head> <body> <table id="myTable"> <tr><th width="170" align="left" style="border: 0px; font-weight: normal;"> <a href="http://my_link/index.php?do=cat&category=link">111</a><br /></th></tr> </table> </body> </html> При проверке на валидацию с помощью http://validator.w3.org/ выдаются сл…
0 votes9 answers -
Несколько :before или :after на одном элементе?
Сабж. Можно ли в css такое сделать?
0 votes1 answer -
обрамленная таблица
Помогите плиз если кто знает, как сделать так чтоб в таблице края были не полоской, а из какогото рисунка например вот как здесь http://pskov-pagan.narod.ru/ Очень нужно!! Спасибо
0 votes8 answers -
Переопределение размера шрифта
Здравствуйте! Наблюдается непонятное поведение html тегов <h1>, <h2> но правильная работа <big>. Существует движок MediaWiki, одной из принципиальных возможностей которого является загрузка собственного файла CSS и соответственно показ общего содержимого в нужном мне оформлении. (как? регимся на например википедии, заходим на свою страницу участника, дописываем в URL в конец (слеш)common.css, правим, обновляем. Это работает.) При этом, существует системный файл (точнее их набор) CSS, который нельзя отменить (как посмотреть? разлогиниваемся и от анонимуса заходим к примеру на http://ru.wikipedia.org/wiki/MediaWiki:Common.css), а можно только переопределит…
0 votes9 answers -
Помогите с кодом для резиновой верстки
Ребята... Подскажите, а еще лучше, помогите с кодом на сайте khodyka.com Хочу сделать другу сайт, только опыта почти нету....И вышла загвоздка с шапкой страницы....она банально разъезжается при увеличении масштаба.. мне необходимо следующее: 3 области в шапке 1 div под левый рисунок (200Х200) 2 div посередине, разделенный на две области - верхний ДИВ под яваскрипт, отображающий карусель фотографий, нижний ДИВ - отображение навигации для зарегистрированных пользователей; 3 div справа, который отображает обрезанный тизер статьи. Под седьмой эксплоер худо бедно подправил, под 6-ой - тихий ужас. И самое главное - как сделать, чтобы нормально тянулся сайт (шапка), и …
0 votes23 answers -
Фотогалерея responsive. Одинаковая высота картинки.
Здравствуйте! Нашла вот такой пример верстки фотогалереи, подстраивающейся под разную ширину экрана. http://themeforest.net/item/tongtiew-travel-agency-html5-responsive-template/full_screen_preview/6542247 Но не могу понять, что нужно сделать, чтобы картинки были одинаковой высоты? Вроде нет никаких специальных стилей, а они одинаковые...
0 votes18 answers -
Значения Multiselect и Сheckbox
Столкнулся с такой проблемкой, Из Select значение указанное в value передается в базу данных, если в Multiselect выбрано одно значение оно тоже передается, а если несколько либо передается одно, либо вообще ни какого И собственно по чекбоксу, должно ли передаваться значение value если выбран чекбокс(checked) тоесть <input type="checkbox" value="Зарезервировано" name="Check2" onclick="agreeForm3(this.form)" /> Или для чекбокса используется другой параметр?
0 votes10 answers -
Div или Table Height=100%
Есть простая страница - колонка посередине, слева background div, справа backround div (оба на всю вышину). То есть макет элементарнейший. Условия: 1) doctype transitional (с ссылкой на документацию) 2) кроссбраузерность. на все таги вешаем как положено height:100%, на html,body и контентные. Теперь траблы: или надо выкидывать doctype или IE. Собственно, что таблица, что div-ы с height:100% ведут себя точно также, разницы нет в чем верстать. Забудем по причине работоспособности о других браузерах кроме ИЕ. Все вытягивается нормально до момента когда длинна контента не превышает вышины ока браузера. Как только появляется scroll, то вышина diva остается равной вышине окна …
0 votes2 answers -
Как поместить картинки по горизонтали?
Привет всем! Не получается поместить картинки по горизонтали, искал ответ, не нашел. Надеюсь поможете. Жду. Спасибо!
0 votes2 answers -
не активная ссылка активной страницы
Такая проблема, никак не могу сделать так, что бы активная ссылка на страницы была обычным текстом, т.е. что бы страница не ссылалась на саму себя. И вообще, реально ли это?
0 votes7 answers -
Медиа запросы и отображение изображений
Доброго. Дабы не засорять форум темами свои, все вопросы напишу здесь: 1. Медиа запросы. Как это работает? То есть, есть экран смартфона 1280х720 и монитор 1980х1080. Могу ли я сделать медиа-запрос так что бы при открытии страницы с устройства с шириной экрана меньше 720 загружалось изображение одного разрешения, а если больше - другое? 2. Я работаю с Bootstrap, который блок с контентом делает адаптивным. Разве внутри этого блока ещё один блок с изображением не делается тоже адаптивным? Самое главное, что в настольном браузере, в режиме эмуляции всё отлично отображается. А на практике одни косяки. Как сделать так, что бы изображение чётко адаптировалось и не выл…
0 votes15 answers -
отступ между <a>
не пойму почему у меня есть отступ между блоками, вроде все правильно. В чем ошибся? xhtml <div id="menu"> <a href="" class="menu_on">Главная</a> <a href="" class="menu">Почему мы?</a> <a href="" class="menu">О нас</a> <a href="" class="menu">Клиенты</a> </div> CSS #menu{text-align:center; margin:20px 0;} a.menu{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} a.menu_on{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} вот сайт http://help-team.com.ua/
0 votes20 answers -
Рамка вокруг рисунка
Прошу помочь, вообще вопрос по-моему для спецов пустяковый... Страничку с примером я выложил в инет: http://www.colormusic.ru/——————-proba.html Вот в чем вопрос: есть несколько картинок 16x16 пикселей (3 красных кружка) вокруг них надо сделать рамку и залить серым фоном, как в примере Запихиваем их в спан и делаем бордюр. Но внизу почему-то остается промежуток. Паддинги-маржинги не помогают. Замена на див тоже не помогает. Нужно расположить кружки по центру прямоугольника с одинаковыми промежутками со всех сторон. Может кто-нибудь дать совет?
0 votes18 answers -
Обойти "http://www.w3.org/TR/html4/loose.dtd"
Как обойти это "http://www.w3.org/TR/html4/loose.dtd" правило? Так как из за этой строки у меня ярлычок на картах при под грузке на мой сайт яндекс карт распадается на части. Проблема решена: http://rodlex.narod2.ru/css-problems.html
0 votes5 answers -
Как "развернуть" сайт на localhost
Здравствуйте, все! Хочу с сайтом работать локально. Сделал на серваке архивы, скачал их, разархивировал сайт в папку www, импортировал базу данных, перезапустил локальный сервер, но выводится ошибка связи с базой. Что я не доделал? Спасибо.
0 votes9 answers -
Подскажите Публикторы Статей И Новостей
Сразу извеняюсь если вопрос ваще не в тему но почему-то решил что сможете помочь) Нужен скрипт для статей и новостей чтобы можно было: включать заголовки и сами новости в любое место сайта работал бы на файлах и желательно конечно open-source) Тестил CuteNews, но как то нормально неполучилось его поставить, было пару косяков) Собственно во всем етом я полный "0" но хотелось бы научится)
0 votes7 answers -
Выравнивание по центру
День добрый. Не могу понять почему не работает свойство в идентификаторе DIV #container {text-aline: center;} или то же самое свойство в Body {text-aline: center;} Задача выровнять весь контейнер горизонтально по центру страницы. Заранее благодарю за помощ. Сам код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Трехколоночный макет на CSS с одинаковой высотой колонок</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> html,body{margin:0;padding:0;} body{font: …
0 votes7 answers -
Выравнивание поля формы с изображением
Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name<…
0 votes3 answers -
Проблема с изменением цвета кнопок и фона в wordpress
Добрый день! У меня возникла проблема с изменением цвета кнопок главного меню на сайте http://aoe9map6.beget.tech/ Ссылка на скрин - http://rgho.st/8n7Mb7F4c Скрин 2 - http://rgho.st/6ltWqhXKD Сайт сделан на движке wordpress. Главная проблема - не могу через встроенный в вордпресс редактор "style.css" найти эти параметры color (именно для цвета меню и кнопки поиск), которые нужно поменять на свои. ( К примеру color: #626668; просто заменить на color: #4c66a4; ) Цвет кнопок нужно сделать красные (вместо черных), и кнопочку поиск тоже красную.. цвет шрифта кнопок синий (вместо белого). Чтобы было понятней на скрине все показано. Тема word…
0 votes5 answers -
Нужна помощь в создании просто сайта с функцией отправки текста на мэйл!
Нужно создать простой сайт, там будет 3-4 страницы... движков и т.д. не надо, т.к. лишнее... основная проблема это нужно сделать такую фишку: будет поле для ввода текста, и кнопка отправить. Нужно чтобы введёный текст при нажатии кнопки отправить, отправлялся на определённый email! как сделать не представляю... какие языки юзать надо тоже хз.. всё хочу сделать на бесплатном хостинге (посоветуйте пожалуйста какойнибуть)... думаю нужна будет поддержка скриптов... позже выложу макет в виде графического файла! заранее спасбибо, надеюсь на вашу помощь!
0 votes19 answers -
Красивая и динамичная форма поиска
Столкнулся с задачкой. Ищу уже целый день, а толком так ничего и не смог найти. В общем, надо сделать форму поиска, но не простую. Значит когда курсор ещё в окне поиска не вставлен, там должна быть надпись "Введите данные для поиска" и плюс ещё в самом начале строки будет стоять картинка (типа иконка маленькая). Затем, когда вставляю в окно поиска курсор, всё это должно исчезнуть (и надпись и иконка) и остаться только чистое поле для введения поисковых данных. Вот такая "радость" подвалила. Может кто встречал решение такой задачки? Или у кого-нибудь она есть? Буду очень признателен за помощь.
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-