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
-
Стрелка в speedbar другого цвета & высота блока
На форуме стрелки в speedbar'е какого-то другого цвета, не могу исправить, а также левый блок в футере не растягивается автоматически по высоте правого блока. Уже перепробовал height: auto, inherit и 100%. Мне кажется они вообще никогда и нигде не работали
0 votes4 answers -
прокрутка для мобил
сайт на бутстрап есть страница с отображением итемов.на десктопе итемы отображаются всей пачкой если открыть на мобиле то итемы идут в высоту и нужно крутить сайт вниз есть простое решение чтобы для мобилы итемы выводились в виде карусели по 1 на экране?
0 votes0 answers -
организовать слайдер с картинками на разных девайсах
Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/se…
0 votes3 answers -
Изменение текста при нажатии
Здравствуйте. Видел на различных сайтах функцию изменения языка. Я искал в интернете информацию о реализации данной функции, но не нашел ответ. Подскажите пожалуйста как реализовать такое ? Думал с помощью замены текста при нажатии на кнопку или вроде этого. Как пример сайт 'Розетка'.
0 votes2 answers -
Не адаптируется фото шапки сайта
Ребята! Есть страница http://minskgid.by При смене фото шапки страницы там где бабочка на компьютере более менее, а вот на телефоне становится все ужасно... Фото 1200*800. Самое интересное что вставляю другое фото (тоже 1200*800) - оно адаптируется и на компьютере нормально и на телефонах. Бабочку эту я уже сунул по всем углам - все равно ничего не получается. Может кто-нибудь подскажет идею что можно еще сделать, Спасибо...
0 votes3 answers -
Выбрать инпут в диве
нужно выбрать инпут $('input[name=arrFilter_309]:checked') в диве с классом content. Это код JS но всё же выбор как я понимаю CSS. Подскажите как это будет выглядеть, что то типа $('content:input[name=arrFilter_309]:checked') но это я от балды. хотя что то я вообще туплю, заработался, так сработало. $('content input[name=arrFilter_309]:checked')
0 votes0 answers -
Таблица вылетает далеко вниз при 100% высоте
Наверняка уже была проблема, но покурив достаточно много поиск, именно такой проблемы так и не попалось=( имеем html, body { background: url('img/chbpolos11.jpg'); margin: 0px; font-size:11px; height:100%; } table.main { margin:auto; border: 10px #ffffff solid; border-bottom: none; background: #ffffff; width:780px; padding:0px; height:100%; } и ячейка <td style="height:100%;" valign="top"> в которой располагается таблица с контентом. Если убрать высоту ячейки, то табличка перестает уползать далеко вниз, но ползет верстка в целом. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Есть ли рецепты как это…
0 votes1 answer -
Проблемма с красной строкой (text-indent)
если задать красную строку параграфу в стиле вот так: <style type="text/css"> p.pMsoNormal { text-indent:36.0pt; } </style> то в случае если текст параграфа переносится на другую страницу принтера при печати продолжение текста начинается с красной строки. Как можно избежать такого эффекта?
0 votes0 answers -
background flash
Хотел бы узнать, а можно ли как нибудь в стиле указать в бэкграунде флэш?
0 votes1 answer -
Структура сайта
Как создать каркас страницы не используя теги table и frame.
0 votes2 answers -
Expressions IE6 for transparent png
Собственно на днях мною в поисках идеального решения для фикса картинок(не фонов, с ними всё проще: либо png8\gif либо filter) было накопано решение, которое несколько не удовлетворяет критериям универсальности. Собственно, для начала спасибка developer'ам yandex за осмысленную пачку решений. Сабж выглядит так: /* PNG 24 Expression */ * body img { _visibility:expression( function(t) { t.runtimeStyle.visibility = 'hidden'; var png = document.createElement('png'); png.style.cssText = 'zoom:1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' + t.src + ',sizingMethod=crop);'; png.appendChild(t.replaceNode(png)); if( png.parentNode.getAttrib…
0 votes5 answers -
теоретический вопрос о blockquote
Добрый день, приветствую! Делаю макет сайта в правой колонке которого будет блок с отображением последних 5 комментариев. Как семантически верно их оформить - через article или div ? <blockquote cite="#"> <h1>m ipsum dolor sit amet</h1> <p>Integer dignissim nunc id justo tristique at ultrices leo ornare. Pellentesque eget justo mi, ut vulputate nulla.</p> <footer><a href="#">Автор</a> <a class="read_next" href="#">далее</a></footer> </blockquote> Вопрос номер два, дополнительный - можно ссылки в блоке расположить одну у левого края а другую у правого ? я сейчас вот так делаю: a.read_next {positio…
0 votes2 answers -
Смена стилей страницы при изменении размера окна браузера
Как сделать смену стилей отдельных элементов страницы при изменении размера окна браузера, как например у самизнаетекого на главной сделано? Я имею ввиду последние работы из портфолио. В зависимости от ширины окна там выводится разное количество элементов в строке. http://www.artlebedev.ru/
0 votes2 answers -
Ошибка IE6
Привет. Кто знает, что за ошибка ишака 6. Он неправильно высоту вычисляет. Пример - http://demo.deamind.com/menyu-akkordeon-na-jquery/
0 votes3 answers -
нужна помощь
мне нужно что бы при наведении на картинку на пример слева появлялась ещё одна
0 votes6 answers -
как одним кликом развернуть подкатегории и уйти на ссылку?
У меня возникла задача сделать так, чтобы с помощью одного нажатия на категорию открывались и подкатегории и переходила по ссылке на основную категорию... В общем на словах трудно объяснить... Сайт duduka.ru Допустим категория АКЦИЯ При нажатии на нее должно одновременно перейти по ссылке АКЦИЯ и открыть подкатегории(для мальчиков, для девочек) Помогите пожалуйста! Сам не могу разобраться..
0 votes6 answers -
Overflow и Float
Привет! Слышал уже несколько раз из разных источников, что если дочернему элементу ставится float, то у родительского почти всегда должен стоять overflow:hidden; Я не очень понимаю, для чего? Читал на эту тему статьи (кстати их не так много именно по связке overflow+float), и все равно не совсем понятно. Если кто-то из вас сможет или постарается объяснить простым человеческим языком, для чего и почему, то буду очень признателен! Супер, если с примером!
0 votes1 answer -
Коментарии от Вк с одной странице
Всем привет. Есть нужда сделать,так что бы виджет коментарии (Js) от вк,брал информацию только с одной странице,не группировал для каждой новую .. Ну к примеру вот сайт http://navolne-fm.ru/,на главной идёт,как бы чат (вк коментарии),а вот когда переходишь на другую страницу к примеру новости или плейлист http://navolne-fm.ru/nv_informer/188-rj-kailgame.html,то чат,как бы обновляется (да это же комментарии от вк). Как можно сделать,что бы брал только информацию с главной странице ? Пробовал,в ifame засунуть,но там проблема,в то что iframe не хочет растягиваться и появляется скролл .
0 votes1 answer -
Уменьшенные фото при просмотре в Opera
Здравствуйте. Сделал интернет-магазин на joomshopping. Всё уже почти допилено-настроено, но тут выяснилось что в Opera фотографии товара на витрине очень-очень мелкие, как иконки. Причём не у всех. Т.е. вот Опера вроде бы одинаковая, но у меня и напарника фотографии мелкие, а у некоторых нормально отображаются. Кто-нибудь знает из-за чего такое может быть? Никакой блок рекламы и экономия траффика не стоит. Адрес сайта: elixir.org.ua Сайт на Joomla 2.5. У меня самого Firefox.
0 votes4 answers -
Отображение слайдера в разных браузерах
Здравствуйте. Прикрутила flex слайдер на сайт, пример оформления изначально был нагло стырен отсюда и переделан под "вот как вон там" (как там уже потеряно, но получилось похоже), после чего встала проблема, что в Mozilla Firefox блоки под текстом через 3 слайда были не полупрозрачные, а черные. Это получилось из-за того, что полупрозрачные блоки постепенно наслаиваются друг на друга. Весь css можно посмотреть тут. Часть, которая отвечает за проблемные блоки подписи: .flexslider .slides div {display: block;position: absolute;bottom: 0;padding: 8px 5px;margin: 0 0 10px 0;width: 100%;background: #000;background: rgba(0,0,0,.6);}.flexslider .slides div span {padding: 0 10p…
0 votes0 answers -
Сайт сканвордов
Хотелось бы мне открыть сайт сканвордов. Но только они будут графическими, т.е. в виде какого-нибудь рисунка, извилистые, т.е. слова-ответы будут идти не строго по горизонтали или вертикали, а под углом. Какие средства, знания для этого потребуются? Пока что изучил html и css в самоучителях на htmlbook.ru. Обязательно ли для этого ещё javascript изучать? И как быть со специальными графическими редакторами для создания веб-страниц? Я слышал про тег <canvas>. Но там по-моему надо по пикселям угадывать, где какая линия рисунка будет проходить... Можно ли было бы сразу из Corel Draw экспортировать рисунок в веб-страничку. Или существуют другие графические редакторы?
0 votes5 answers -
Фиксированный блок по центру экрана
Можно ли сделать фиксированный блок по центру экрана без дополнительной обёртки? Делаю так: nav{ position:fixed; width:100%; height:32px; max-width:1000px; margin:0 auto; top:0;}И оно не работает. А как правильно не соображу.
0 votes2 answers -
возникает пустое место при просмотре в браузере
Помогите пожалуйста понять что за пустое место HTML <div class="rightblock"> <div class="product"> <a href="#" class="cafe"><img src="userfiles/cofe.png" width="135" height="130" alt="cafe"/></a> <a href="#">кофе</a> </div> </div> CSS .rightblock{ width:690px; height:1039px; background:#ffffff; float:left; margin-left:20px; } .product{ width:135px; height:163px; background:#FFFFFF; border:solid 1px #cde151; display:block; } .product …
0 votes2 answers -
хочу понять позиционирование
live: https://jsfiddle.net/5fL1xn9q/ Дублирую: div.wrapper { position: absolute; top: 0px; height: 500px; width: 600px; border: 4px outset grey; } div.title { position: absolute; top: 0px; height: 28px; width: 590px; border-bottom: groove 2px #aaa; padding: 5px 5px 5px 5px; line-height: 125%; background-color: green; } div.content1 { position: absolute; top: 40px; height: 455px; width: 590px; pa…
0 votes1 answer -
Администрирование сайта
Нужна админская часть сайта для редактирования контента. Что посоветуете, есть ли готовые решения типа CMS?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-