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
-
Слэш в конце
Всем доброе утро! Меня интересует вопрос. Допустим, взяв к примеру код: <link rel="stylesheet" href="/styles/style.min.css" />Объясните, для чего нужен этот слэш в самом конце? И в каких случаях он вставляется?
0 votes3 answers -
Вопросы по адаптивной верстке и скролл-эффектам
Друзья, делаю сайт для себя (по факту уже третий раз заново переделываю), сайт-портфолио в виде слайдера (чо я не модный штоли ), в хердере большая картинка. Вопрос такой как лучше эту картинку сделать, тянуть на всю высоту или просто ей задать высоту, и как интересней сделать скроллинг, можно page-scroller а можно простой скроллинг. Была попытка сделать все пять экранов с высотой 100hv, но уперся с выравниванием по вертикали (решить знаю как но мне не совсем нравится метод). Короче это наверное больше дизайнерские вопросы, выслушаю всех у меня творческий тупик. Ах да как вам этот плагин http://html5.by/blog/scroll-effects/ ?
0 votes3 answers -
Ищу слайдер
Ищу такой слайдер. Чтобы под фото менялось название фото, была пагинация и стрелки. Какой более гибкий можно использовать?
0 votes3 answers -
Не пойму что отвечает за анимацию
http://myasoedov.net/ справа иконка звонка. выдрал из этого сервиса http://smartcallback.ru/ вопрос: что я упустил где анимация...
0 votes2 answers -
Сделать select невидимым
Подскажите пожалуйста, как сделать селект невидимым на MAC os. Сейчас он выглядит вот так. http://joxi.ru/vDr8GOOiXMOlA6 webkit-appearance не работает -webkit-appearance: none;-moz-appearance: none;appearance: none; Однако на другом сайте, с которого клонировали этот, селекта не видно. Почему, Как скрыть, может джей эс поможет. Плииииииииз На другом сайте выглядит во так: http://joxi.ru/NDrlw99FPywWAP- это работает, а там нет
0 votes2 answers -
Не работает выравнивание картинки по горизонтали
Здравствуйте! Подскажите, пж-та, в чем может быть проблема. Пытаюсь картинку отцентрировать по горизонтали внутри блока, для этого использую margin: 0 auto, но картинка почему-то не центрируется. Код выложил сюда: http://codepen.io/anon/pen/xwyGWE Спасибо!
0 votes3 answers -
Загрузка background-image и @media screen
Подскажите, пожалуйста, как загружаются background-image, если для мобильников и десктопов делать разные фоны.. В зависмости от @media screen или все сразу грузятся?
0 votes1 answer -
Ошибка при попытке оставить заявку о заказе на почту
Возникает ошибка: Service Unavailable The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later. Additionally, a 503 Service Unavailable error was encountered while trying to use an ErrorDocument to handle the request.
0 votes0 answers -
Проблема с любимым "Липким" - sticky
Дримвивер выдаёт критическую ошибку по представленной первой строке кода. Не могу разобраться и найти решение так же не могу. Прошу помощи, может кто сталкивался. @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } Ошибка: строка 6306, столбец 13: Duplicate property 'position' found. (Обнаружена повторяющаяся "position" свойства.)
0 votes1 answer -
проблема с анкорами
Здравствуйте! Есть трехколоночный макет фиксированной ширины (который корректно работает под всеми браузерами). CSS (см. секцию LAYOUT в нем): /********** TOP-LEVEL ELEMENTS **********/ html, body { margin: 0; padding: 0; text-align: center; /* for centering layout */ } /********** FONT **********/ body { font: 76% arial, sans-serif; } /********** COLORS **********/ /* blue - #99f, orange - #fc3, black - #666, gray - #ccc */ body { background-color: #ccc; } .body { background-color: #fff; } .header { background-color: #666; color: #FFF; } .left { background-color: #99f; } .right { background-color: #99f; } .footer { background-color: #666; col…
0 votes2 answers -
Высота таблицы вписанной в ячейку
Всем доброго времени суток! Описываю картину: Таблица поделена классически(почти), три строки, верхняя - шапка, средняя - контент, низ - подвал. В среднюю ячейку, с контенотм, вписана ещё таблица из двух столбов(назовём её content), левый - меню, правый - основной контент страницы. У вписанной таблицы в стилях высота прописана 100% (height:100%). Вот в чём вотпрос, почему эти 100% в половине браузеров не воспринемаются? Т.е., 100% - это значит что таблица должна занимать всю высоту ячейки в которую она вписана, я так понимаю. И вместе со мной это понимают Chrome и Сафари, а вот Опера, Лиса и IE8 подгоняют её под наполняемость ячеек. Почему так? Как исправить несправедли…
0 votes2 answers -
изменение ширины из-за скрола прокрутки
Вобщем имеются вкладки реализованые с помощью яваскрипта и списка при нажатии на которые открываются div блоки. Проблема в том что div блоки разные по высоте, есть те у которых много информации и те у которых мало. При нажатии на те у которых много информации появляется полоса прокрутки в браузере и весь сайт смещается влево на ширину этого скрола. Смотрится не очень хорошо. Возможно ли сделатьтак чтобы сайт не смещался или чтобы имел смещение с самого начала с учётом этого скрола. p.s. поставить минимальную высоту для всех блоков чтобы всегда была полоса прокрутки не подходит
0 votes2 answers -
Псевдоклас hover в IE 8, неправильно отображается
Есть сайт http://eridanaudio.ru К верхнему горизонтальному меню применяется такая запись: #ict_hor a:hover { color: #0000FF; } Это синий цвет при наведении курсора мыши на ссылку. Так вот, в Firefox и Chrome все работает корректно, а в IE 8 ссылка меняется не на синий, а на белый цвет. Как подогнать под единый стандарт?
0 votes2 answers -
Можно ли очистить ОДИН из пунктов формы?
Есть форма, позволяющая загружать несколько файлов одновременно. Вот фрагмент (реально запрашивается около 20 файлов): <tr><td><input name="m[0]" type="file" /> Название: <input name="mn[0]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[1]" type="file" /> Название: <input name="mn[1]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td><input name="m[2]" type="file" /> Название: <input name="mn[2]" type="text" size=30 placeholder="Введите название методички"></td></tr> <tr><td>…
0 votes1 answer -
Нужна помощь!
Привет всем! С наступающим Рождеством. Подскажите пожалуста по шаблону DLE, На странице http://irkocc.ru/vnd/360-kolledzhnaja-gazeta-kazhdyjj-objazatelno-talantliv.html в блоке Другие новости по теме: у ссылок настроен белый цвет, облазил весь шаблон, и немогу найти где изменить цвет. Помогите плиз!
0 votes1 answer -
Отступы от div при разбиении на блоки в CodeIgniter
Доброго времени суток! Зашел на online генератор шаблонов HTML,CSS. Скачал 2 файлика html и css файлы. Порезал html на кусочки: 1 - header 2-top_navigation 3-maintext 4-leftblock 5-rightblock 6-footer для того чтобы через php автоматически гинерить страницы(все куски обрамлены тегами div c именами указаными выше). Когда файл один все пучком, когда разрезаю получается отступ порядка 10px перед всеми дивами. Проблемму с отступами от footer top_navigation решилась тем что начальный тег div помещал в верхний блок. А вот с хедером и вертикальной навигацией ступор, кстати отступ появляется перед блоком div и теперь имею отступ перед header и от него и до top_navigation. Через …
0 votes3 answers -
overflow проблема
http://jsfiddle.net/Zverushka/eZXn2/1/ Суть задачи. В неком блоке есть абсолютно позиционированный блок .figure. Изначально мы не знаем размеры .figure - они динамические. Как сделать так - чтобы при выходе за границы основного блока - .figure обрезалось по горизонтали и при этом же не обрезалось по вертикали?
0 votes8 answers -
Помогите связать правила между собой
Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.
0 votes2 answers -
Как сделать такую стену?
Как сделать такую стену? Посоветуйте какие-то скрипты Пожалуйста
0 votes2 answers -
отступы над/под меню
Проблема с меню, вставляю код меню к себе на сайт, над и под менюшкой появляются отступы примерно 10px - 15px - не могу понять где мне это исправить. Подскажите может еще что нибудь добавить или убрать нужно, вот коды: css: #dropdown_nav {width:1076px;padding-left:0px;padding-top:0px;display:inline-block;list-style:none;border-radius:5px;border-bottom:0px solid #777;-moz-border-radius:5px;-webkit-border-radius:5px;background: #DCDCDC url(../img/menu.png);-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 5px#888;box-shadow: 0 0 5px #888;} #dropdown_nav li {padding:12px 0px 12px 0px;float:left;position:relative;display:inline-block;} #dropdown_nav li a {text-decoration:…
0 votes4 answers -
contenteditable в IE
Здравствуйте. В Internet Explorer не работает contenteditable="true" для ячейки таблицы. Это у меня ошибка в вёрстке или это принципиальная позиция Internet Explorer?
0 votes0 answers -
Как сделать ?
Всем привет. Есть проблема, надо сделать блоки как на картинке http://pixs.ru/showimage/biov503jpg_3042573_16669650.jpgне могу выровнять содержимое чтоб заголовки на одном были уровне с другими. Вот что я тут сделал http://verstka-primer.esy.es/Bio/ начал изображение одинаковые по высоте вырезать, но все равно первый ряд, получилось а другие нет. Вроде и легко но у меня почему то, всегда найдется на чем за топорится. Буду рад помощи.
0 votes2 answers -
прокрутка для мобил
сайт на бутстрап есть страница с отображением итемов.на десктопе итемы отображаются всей пачкой если открыть на мобиле то итемы идут в высоту и нужно крутить сайт вниз есть простое решение чтобы для мобилы итемы выводились в виде карусели по 1 на экране?
0 votes0 answers -
Ccылка на другую html страницу
Подскажите такую туку. Есть главная страница index.html с обычным кодом: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body> <table> <tr> <td> ... </td> </tr> </table> </body> </html> И есть страница з формой напр. form.html c кодом: <form name="form" id="form"> <select name="oblast" id="oblast"\> <option>AР Крим</option> <option>Волинська</option> <option>...</option> </select> </form> Как подвязать код из страницы form.html, чтобы не вводить…
0 votes1 answer -
Три div-a по горизонтали. Резина
Привет всем, сам долго голову ломал, решил написать. Задача: Сделать 3 вертикально отпозиционированных div-a, два из которых (левый и правый) с фиксированным размером в px, прижаты к краям браузера. Третий резиновый, с фиксированной минимальной шириной в px, заполняет всю оставшуюся область между двумя крайними. Сложности: В принципе задумка у меня получилась, но я так и не смог сделать корректное масштабирование (при уменьшении масштаба правый div уходит за средний). Жду предложений, заранее спасибо.
0 votes1 answer