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
-
Убрать отступ в ФФ из-за first-letter
Всем привет... У меня такая проблема.. В ИЕ все норма, а ФФ отступ... мне нужно как-то убрать НЕПОНЯТНО откуда берующиеся отступ Но мне нужно это сделать сохранив display:inline-block ... Короче из-за first-letter начинается косяк.. как его удалить в ФФ непонятно... Включите ИЕ и ФФ и вы поймете о чем я талкую... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/main.css" media="all"/> <style type="text/css"> a { display:inline-block; font-size: 14px; background-color:#0099CC; color:#000000; …
0 votes1 answer -
Opera - проблема с outline и z-index
Здравствуйте. Подскажите, пожалуйста, как решить следующую проблему: есть два div_а с position:relative. у одного z-index: 5 у второго z-index: 10 Они пересекаются. В div_ве с z-index: 5 находится картинка, для которой указан border и outline. В opera поверх div_а с z-index: 10 прорисовывается outline нижнего дива. Как-то решается этот баг? Заранее спасибо за совет.
0 votes1 answer -
Верстка картинки слайдера
Верстаю страничку и столкнулся с такой проблемой: как сверстать слайдер, понятно, что на сайте он будет работать на jquery, но свойства нужно задать при верстке ( шрифт, размеры и т.д). Или может не стоит этого делать? Скрин прилагаю.
0 votes7 answers -
Как сделать голосование?
Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!
0 votes3 answers -
как сделать меню с фреймом но без фрейма?
как сделать чтоб кусок страницы менялся типа фрейма но без фрейма а через аджакс? например на странице http://westyle.ru/ опрос на аджаксе
0 votes6 answers -
меню по бокам
был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…
0 votes12 answers -
Выравнивание для firefox
Здравствуйте! Столкнулся с проблемой, при вставке в Wordpress кода ротации тизеров. На хроме и сафари сайт отображается нормально. А все остальные браузеры(проверял в сервисе) отображают баннеры вправо, тем самым закрывая сайдбар. Пытался выравнить код через div - эффекта нет. Подскажите, как выравнить блок в нормальное положение?(сразу после поста)
0 votes11 answers -
Доработка формы оформления заказа
Здравствуйте! Есть сайт на Wordpress c купленой темой http://new.mega-topas.ru/. Обнаружилась некоторая недоработка при оформлении заказа: на шаге "Детали оплаты" есть форма с данными покупателя. Если какое-то обязательное поле не заполнено, то только на последнем шаге, после нажатия "Оформить заказ", пользователь об этом узнает. Ему выдается окно с незаполненными полями. А самой формы нет. И не понятно, что покупателю делать дальше. Я бы хотела исправить эту ситуацию так, надеюсь, это правильно: показать это окно с предупреждением и одновременно сделать активной форму. Нужно написать небольшой скрипт на jQuery, но я не сильна в программировании. Буду очень благодарна …
0 votes13 answers -
Три колонки с двумя резиновыми
Привет. Мне нужно сделать три колонки: 1 2 3. Первая с левого края резиновая — по ширине текста внутри неё. Вторая резиновая от первой до третьей. Третья с правого края — её можно считать фиксированной, допсутим, шириной 100 пикселей. Хоть тресни — не понимаю как сделать, хотя кажется, что вообще всё элементарно. Прямо хоть таблицей делай. Я выжил из ума или это и правда как-то нетривиально?
0 votes11 answers -
Адаптивные блоки
Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …
0 votes2 answers -
Нужно настроить корзину в магазине.
Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!
0 votes16 answers -
Градиент на Mac OS
Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */…
0 votes6 answers -
Плывёт верстка в FireFox
Всем привет. Есть сайт: http://www.tongat-1.ru/ В Chrome и Opera нормально всё отображается, а вот в FireFox блок с видео с ютуба почему то съезжает вниз ((. Народ, подскажите как CSS мне подправить, какой костыль дописать чтоб в FireFox этот блок тоже нормально отображался?
0 votes3 answers -
Не работает z-index
Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.
0 votes2 answers -
Блоки наезжают друг на друга (FireFox)
Всем привет! Есть страница: http://krls.beta3.ceteralabs.com/ На ней баннер, который под видео, закрывает собой текстовый слайдер (подробнее во вложении) а браузере FireFox. В Chrom'е всё нормально. Подскажите, где тут CSS подправить можно? Ещё к странице подключено app.js , там тоже стили прописаны, но почему то для FireFox они не срабатывают. Помогите пожалуйста
0 votes3 answers -
Шапка сайта...
Я новичёк в этом, так что не пинайте! Объясните мне (Чайнику) как поставить свою картинку в шапку главной страницы(Очень подробно!), я пытался(Даже незная, что изменять) получалась какая-то фигня, не так как надо... Напишите пожалуйста пошаговую инструкцию! P.S И незнаете какой-нибудь сайт, где есть много gif анимации, кнопок (Вобщем всё для своего сайта)? Дайте ссылку плиз! P.S.S Заранее благодарен!!!
0 votes4 answers -
Откуда-то взялись 12 лишних пикселей по высоте
http://a-s-ivanov.ru/test/portfolio.html Посмотрите, полоса прокрутки появляется. Внизу, под футером, откуда-то берутся лишние 12 пикселей по высоте. В упор не пойму откуда, Firebug мне не помог прояснить ситуацию
0 votes3 answers -
Вопрос по Usemap
Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…
0 votes5 answers -
Обрезка изображения
Здравствуйте. На моем сайте много изображений (превьюшки). Все они одинаковой длины (например 300px). Но высота бывает разной (158, 188, 200...). И задача такая: эти изображения не должны выходить за определенные рамки, например высота = 188px. Т.е. Картинка в div'е обрезается. Я знаю, как отрезать нижнюю часть <div style="width:300px;height:188px;overflow:hidden"> <img width="300"> </div> Но как обрезать пропорционально, чтобы лишние части изображения скрывались и сверху и снизу? Ни у кого нет никаких мыслей по этому поводу?
0 votes2 answers -
Как сделать transform:scale поверх соседних элементов?
Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?
0 votes7 answers -
Фон страницы
Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?
0 votes3 answers -
Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта
Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }
0 votes1 answer -
Проблема с псевдокласами
Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?
0 votes4 answers -
map-карта. Нестыковка в разных браузерах.
Здравствуйте, у меня проблема. Создала сайт в Блокноте, в HTML. В Mozilla FireFox все ссылки на мар-карте (ссылки как части картинки) открываются, а как только открываю эти же страницы в Opera или IE - курсор даже не реагирует. Подскажите, как быть?... Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ОДО "ЮнилайнПроект" - Интерьеры</title> </head> <body> <body bgcolor="#CC9966"> <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD ALIGN="center" VALIGN="middle"> <img src="interjer.jpg" usemap="karta1" >…
0 votes2 answers -
не клеится табличка
Прошу помочь. . Я занимаюсь этим недавно, собираю по тихой сайтик. Не могу понять в чём ошибка. Надеюсь по коду понятно желаемая таблица. Если нет - пишите, я вставлю фото. <tr> <td rowspan="2">1111</td> <td> </td> <td rowspan="2">6666</td> </tr> <tr> <td rowspan="2">4444 </td> </tr> <tr> <td rowspan="2">2222</td> <td rowspan="2">7777</td> </tr> <tr> <td rowspan="2">5555</td> </tr> <tr> <td rowspan="2">3333</td> <td rowspan="2">8888</td> </tr> <tr> <td> </td> </tr>
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-