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
-
Jquery и modal
Допустим я пишу модальное окно вручную. Как лучше с разметкой поступить. Прям в html кинуть? или через jquery путем метода html, знаю разницы особой нету. Но кто бы как поступил?
0 votes2 answers -
Как присоединить к ссылке значение
Здравствуйте! Столкнулся с такой проблемой: Имеется ссылка https://www.pochta.ru/tracking# и имеется значение #ORDER_TRACKING_NUMBER# (цифры). Подскажите пожалуйста, как сделать так, чтобы окончательная ссылка выглядела так https://www.pochta.ru/tracking#12345678912345 ?
0 votes7 answers -
Реализация динамически появляющихся полей
При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX
0 votes3 answers -
Две колонки с блоками в них. из одной колонки блоки поподают в другую
КАТОЛОГ ЭЛЕКТРОТОВАРОВ Кабель и провод ПУНП, ПУГНП, ШВВП ВВГ, ВВГ-нг, ВВГ-нг-ls, АВВГ NYM, NYM-севкабель ВбБШВ, АВбБШВ пвс, кг, А, АПВ, СИП ПВ-1, ПВ-3 КСПВ, ШТЛП, ТРП UTP, FTP, STP, TV-кабель Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки этот блок вообще вправо вылезает в эксплоере Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал, лотки металорукав Аксессуары для проводки гофра ПВХ, ПНД Кабель-канал,…
0 votes0 answers -
Различия IE8, Opera 9.6
Помогите парни , проблема заключается в том что подсветка у пунктов меню в IE8 и Opera 9.6 выше чем в других браузерах(не прижимается к белому бордеру, вот уже долго ломаю голову ни как не получается сделать так что бы везде было одинаково где у меня ошибка ? www.raura.ho.ua/resto/ Заранее спасибо
0 votes0 answers -
Подскажите!
Ну вот! .row2{ background:#161616 url(wow_ru/post-bg1.gif) repeat-x top; } Как его растянуть на всю! Что бы не пострадали остальные части форума?
0 votes0 answers -
Как сделать скачку фото?
Добрый день. скажите пожалуйста как сделать так что бы при нажатии на ссылку (<a target="_blank" href="http://name_site.ru/123.jpg">скачать фото</a>) выходило сообщение об сохранении файла, а не открывалось фото в новом окне браузера.
0 votes1 answer -
Проблемы с <title>
Такая проблема - не меняется title!Все равно пишет "Документ без названия", хотя тайтл задан свой. Причем, если переименовать страницу с index.php на index.html то тайтл меняется.
0 votes6 answers -
3 колонки и футер
Прошу, пожалуйста, посмотрите что я сделал не так: http://jsfiddle.net/Vg5mR/ Футер не хочет прижиматься, а wrapper не растягивается по высоте контента.
0 votes1 answer -
Как сделать такую форму поиска?
Добрый день всем! Подскажите как сделать такую форму поиска? интересует именно как сделать поле закругленное. Спасибо.
0 votes4 answers -
Блок под разные разрешения экрана
Есть код: .goods ul {width: 1280px; list-style-type: none; margin: 0 0 0 -6px;}.goods li {display: -moz-inline-box; display: inline-block; vertical-align: top;}Не пойму как сделать, если разрешение монитора 1024, делать блоку goods ul ширину 980, а если более 1024, то тянучку до 1280. Доктайп такой:
0 votes4 answers -
Зафиксировать тень изображения с переменной высотой
Всем доброго дня! Необходимо зафиксировать тень (отдельная картинка) снизу изображения с переменной высотой (в разных материалах высота картинок колеблется). Сейчас вот так (зафиксировал высоту): Когда значения height убрал: css: .viewn_full .viewn_screen {overflow:hidden; width:387px; height:175px; margin:10px auto 10px auto; background:url(/design_104/viewn_screen.png) no-repeat center bottom;}.viewn_full .viewn_screen img {width:387px; height:149px; display:block; border-radius:16px;} Как сделать так, чтобы тень фиксировалась? Спасибо.
0 votes2 answers -
Работающий 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, многофункциональный, желательно светло серых тонов и не очень страшный на вид и бесплатный. Желательно проверенный на …
0 votes3 answers -
Сайт некорректно отображается в разрешении 1920х1080.
Я в body создал div, задал ему ширину 900px и выровнял по центру, задав margin слева и справа auto. Ещё добавил text-align по левому краю. Сайт корректно отображается на всех разрешениях, но если у человека 1920х1080, этот div почему-то съезжает вправо так, что левый край находится по центру экрана. Вижу я это через вебвизор яндекса. В чём может быть дело?
0 votes2 answers -
Псевдоэлемент :before и z-index в ie8
#main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.
0 votes2 answers -
LESS компиляция на ходу.
Господа, подскажите по поводу компиляции LESS именно на стороне сервера... (с клиентской частью проблемы нет) Я так понимаю - для компиляции используется node.js? Есть ли ещё варианты без использования node ? (Эту тему знаю плоховато, потому и прошу помощи в этом направлении)
0 votes2 answers -
Пример работы "в ноутбуке"
Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку
0 votes4 answers -
Подскажите пожалуйста! Как такое сделать или как называется?
Подскажите пожалуйста! Как сделать такую штуку на JS или Jquery? Можно просто название этой штуки))
0 votes2 answers -
Повторяющиеся линии
Здравствуйте. Мне необходимо вывести вертикальные однопиксельные линии через равные промежутки. Что-то примерное я нагуглил https://jsfiddle.net/6eq501tz/ Но проблема в том, что линия должна всегда находится в центре экрана. Если уменьшите ширину экрана в демо таким образом, чтобы помещались только две линии, то увидите, что при background-position: 50% 0; линии располагаются по краям экрана. Второе - на некотором разрешении в фф линии исчезают. Может есть другие идеи, как реализовать подобное, или пофиксить текущий вариант? Upd: получилось отцентрировать с помощью calc https://jsfiddle.net/8ztwr95e/ Проблема с исчезающими линиями в ФФ актуал…
0 votes0 answers -
помогите сделать таблицу с фиксированными ячейками, плизз
Не пойму в чем дело, вроде прописала размеры всех ячеек таблицы, когда вставляю текст, строчки не переносятся, а идут длинной строкой. как еще зафиксировать ширину ячеек? http://www.ekolab-zentr.ru/ может что-то неправильно написала? в CSS html, body { margin:0px; padding:0px; } body, input, select, textarea { background-color: #ffffff; } td, input, select, textarea { font-family: Times New Roman; font-size: 14px; color: #000000; vertical-align: top; } table.main { border-collapse: collapse; } td { padding: 0px; } td.top { background-image: url(top.jpg); background-repeat: no-repeat; height: 263px; width: 1000px; } td.left { background-image: url(left.jpg); back…
0 votes4 answers -
Баг с плавающим блоком в IE 6,7
Собственно, проблема. Сверстал макет. В IE 8 и отличных от IE браузерах (FF, Chrome, Opera) блок с текстом обтекает блок с картинкой. вот так: В IE 6/7 же блок с текстом смещается вниз: ХТМЛ код: <div id=mainframe> <div id=corner> <img class="ugol_right" src="ugol_right_small.gif" alt="" /> </div> <div id=content> <p>This is a tool for finding friends in real life. </p> <!-- бла-бла-бла--> </div> CSS код: * { margin: 0; padding: 0; border: 0; } html, body {height: 100%;} body{ background: #fff; color: #333; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #container {overflow: auto; padding-bot…
0 votes1 answer -
Border - отделение пунктов меню
День добрый. Есть менюшка. Но она немного не соттветствует общей стилистике сайта, для полного соответствия необходимо прописать код, который бы от делил пункты меню непрерывной линией. border-top-color: #E7E7E7; border-top-style: solid; border-top-width: 1px; min-height: 32px; Код сам рабочий, но возникает проблема, куда его вставить. Если вставляю в стиль "a", то не доходит до конца меню, вставляя отступы. Изменить отсупы не представляется вожным. Есть ли какой нибудь стиль который сделает активным этот код для каждого пункта. Прикладываю код меню .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 10px; } /*.jv_aclickmenu_wrap &g…
0 votes6 answers -
Выпадающие меню
Здравствуйте. Есть html-код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>меню</title> <link href="css/common.css" rel="stylesheet" type="text/css"> </head> <body> <div id="menu"> <ul> <li><a href="#">Меню1</a> <ul> <li><a href="#">меню 1.1</a></li> <li><a href="#">меню 1.2</a></li> <li><a href="#">меню 1.3</a></li> </ul> </li> <li><a href="#">Меню2</…
0 votes4 answers -
Помощь с макетом
Добрый день. Я пока только учусь верстать и мне нужна ваша помощь Есть макет страницы в котором присутствует вот такой элемент: То есть при нажатии на определенный этап под ним появляется текст, а кнопка этапа заменяется фигурой человечка. Подскажите как такое можно реализовать?
0 votes6 answers -
Страница "уезжает" влево
Есть такой шаблон - http://rghost.ru/32649991 При добавление большого количества текста в div "body_area" страница "уезжает" на пару десятков пикселей влево. Данный эффект заметен только если раскрыть страницу на весь экран в браузере (Maximize). Как можно это побороть? Спасибо.
0 votes2 answers