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
-
Помогите сделать в ряд изображения
Не могу понять как сделать чтобы изображения встали в ряд и сделать им одинаковый размер. https://jsfiddle.net/4uc2xLqz/
0 votes1 answer -
Картинка внутри фона
В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <span style="-moz-border-radius: 10px; -webkit-border-radius: 8px; width: 180px; background-color:#4682B4; border:5px ridge #cccccc"> [[File:Edhelmir.png|24px]] [[File:Earendil2.png|200px|link=User:Shtormhold]] [[File:Edhelmir.png|24px]]</span>
0 votes2 answers -
проблема с рамкой
нович?к в верстке divами. наткнулся на такую проблему: рамка которая поставлена на div в который я поместил вс? остальное оборачивает только верхние два дива, но почему-то игнорирует нижнюю часть - в которой правому и левому элементам заданы значения float - right и left соответственно. когда убираешь флоаты - рамка оборачивает все. в ч?м тут дело?
0 votes2 answers -
Сложные классы
задано <p class="class1 class2 class3"> нужно указать стиль именно для параграфа, у которого заданы ВСЕ 3 аргумента. p.class1 class2 class3{} - не работает p.class1, p.class2, p.class3{} - сработает если параграфу присвоен хотябы один из классов. Как правильно сделать?
0 votes8 answers -
left и right ie6
Одновременно не работают left и right при абсолютном позиционировании в шестом осле. Есть какие-то хаки? Суть в том, что надо сделать блок так, чтобы он и справа и слева отступал на несколько пикселей. Пока решил проблему двумя блоками по 51%, но это мне не очень нравится.
0 votes5 answers -
position:absolute; div
Здравствуйте. Как сделать чтобы родительский слой изменялся по высоте исходя из размеров своего дочернего слоя который при этом position:absolute; Пример. <div style="border:1px solid #232323;position:relative; min-height:120px;"> <div style="top:2px;left:2px;border:1px solid #990000;position:absolute;height:240px;width:50px;"></div> </div> Необходимо чтобы родительский div изменял размер в соответствии с вложенным.
0 votes3 answers -
<div> шире окна браузера без появления скроллера.
Доброе время суток! Есть такая конструкция: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>div</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Content-language" content="ru" /> <style type="text/css"> .pole_1 { width: 200px; height: 100px; float: left; background: #974C97; } .pole_2 { width: 200px; height: 100px; float: left; background: #3E5896; } #container { width: 800px; margin: auto; } #slider { width: 1600px; margin-left:…
0 votes11 answers -
Флоаты
В чём разница в этих двух примерах: http://jsfiddle.net/CX6HZ/ http://jsfiddle.net/L83zb/ И там, и там один слой зафлоченный - а другой нет.. другой слой и там, и там -без float и блочные. Но почему в одном примере другой слой встаёт ниже, а в другом стоит/обтекает с боку??
0 votes8 answers -
Как вывести объект DOM?
Вопрос касается js. В переменной лежит объект table (или указатель на него, хз). Надо вывести этот table средствами js, просто чтобы вывелась таблица целиком. Так не работает: function output ( object ) { var content = document.getElementById( "content" ); content.innerHTML = object; } Как правильно это делать?
0 votes4 answers -
Кодировка текста для сайта
В общем помогите справиться с проблемой. В индексном файле сайте стоит такая кодировка <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Тестирую на локальном сервере (Safari), вроде нормально отображается и русский и английский шрифт. В Хроме норм. Но в FireFox и Опере не работает русский шрифт. Менял в настройках кодировку на utf-8 и кэш чистил, хотя стоит <meta http-equiv="pragma" content="no-cache"> Но все равно не помогает. Загрузил на бесплатные хостинги, можете глянуть сами впринципе. http://testdomain1.wallst.ru/ http://edsadf.h19.ru/
0 votes3 answers -
защита изображений в jquery lightbox
Можно отключить правую кнопку мыши при просмотре картинок через lightbox?
0 votes12 answers -
Центрирование DIV-ов
Внешний див #wrapper {margin: 0 auto; width: 1000px;} Внутренний .design{margin: 0 auto; width: 100%; display: block;} Из-за того что внутренний блок может иметь разную ширину, и если она больше 1000 px, изображение не центрируется( если меньше 1000 px, всё нормально. Необходимо чтобы внутренний див центрировался по отношению в внешнему. К сожалению, нигде нет решения подобной реализации. Подскажите пожалуйста, если кто сталкивался.
0 votes5 answers -
Проблема с кириллическими шрифтами.
Я столкнулся с проблемой реализации двуязычного сайта. Точнее подгрузки шрифта, чтобы сайт отображался на английском и русском языках. Выбранный шрифт - http://font.ubuntu.com/ Латиница и кирилица присутствуют. Через fontsquirrel генерировал необходимые файлы. Прописал все в код и в CSS и был счастлив, но кирилица нужным шрифтом не отображается. Вернулся в fontsquirrel стал копаться в опциях генератора, нашел где можно поставить галку Кирилица. Файлы получились вдвое тяжелее предыдущих. Почти что был счастлив снова, но теперь не только кирилица но и латиница не хочет отображаться нужным шрифтом. Как можно исправить ситуацию? Нужно ли в случае генерации пакета шрифтовых фа…
0 votes9 answers -
отменить вывод подсказки
подскажите пожалуйста способ, которым можно отменить вывод подсказки title="" при наведении курсора на ссылку e.preventDefault() не срабатывает, удалять/перезаписывать атрибуты title скриптом или ручками не вариант
0 votes4 answers -
Испольщование тега fieldset
Насколько корректно использовать тег fieldset чисто в декоративных целях, как уже стилизованную рамку? Как например это реализовано на скриншоте
0 votes5 answers -
На страницах товара боковое меню съезжает вниз
Есть интернет-магазин http://itr-kids.ru Боковое меню "Каталог" расположено на всех страницах сайта, включая страницы товаров. Везде, кроме страниц товаров, это меню располагается там, где задумано (слева под поиском и основным меню). На страницах же товаров, например здесь, меню по непонятной причине уезжает в нижний левый край. Подскажите, пожалуйста, в чём может быть причина? Сайт на Drupal 6.
0 votes1 answer -
Мобильная верстка
Добрый день, изучаю весь этот огород сравнительно не так давно и столкнулась вот с какой проблемой: при создании кнопки использовала следующий текст: <style type="text/css"> A.button_menu {display:block; width:90px; height:179px; background:no-repeat;} A.button_company {background: url(/common/img/horizontal_ent_1.jpg);} A.button_company:active{background: url(/common/img/horizontal_ent_active_1.jpg);} </style> <td><a class="button_menu button_company" href="/ru/about/"></a></td> На компе все работает, вопросов нет. Но на ipad-е возникает проблема с заменой бекграунда. На долю секунды, пока идет обращение к серверу за картинкой, картинк…
0 votes8 answers -
Как можно сделать клик по фону?
Есть блок с текстом и фоновым изображением. Вот пример http://jsfiddle.net/mGW6E/ Как можно отследить клик именно по фоновому изображению? Не по тексту и не по пустому месту, а именно по фоновой картинке?
0 votes11 answers -
Микроформаты и CSS
Искал внятное объяснение, но не нашел. Суть проблемы. Зашел на schema.org, там, конечно же, для много каких штук есть разметка. Совершенно определенная. Я правильно понимаю, что это добавление классов с определенными названиями в документ HTML. Или делают по-другому? И еще, наверное, вешать оформление на эти классы неправильно? То есть к уже существующим, сверстанным на странице элементам надо добавить пару классов?
0 votes3 answers -
Несколько выпадающих чекбоксов на одной странице
Здраствуйте! Верстаю админку и столкнулась с такой проблемой. Нужно реализовать несколько выпадающих чекбоксов на одной странице. Скрипт я подключила и адаптировала, но возникает проблема что раскрыт чекбокс перекрывает нижние элементы. Как решить эту проблему я без понятия, попыталась сделать банально обертку - не подходит. Плюс возникла проблема, другие элементы формы немного съезжают((( http://clip2net.com/s/3cIFUf8 Возможно кто-то сталкивался с подобной проблемкой. Буду очень благодарна за Ваши комментарии. П.С. Скрипт взяла отсюда http://codepen.io/ElmahdiMahmoud/pen/hlmri
0 votes2 answers -
Несоосность линий
Доброго. Несколько лет назад видел статью про ошибки округления в браузерах, но не смог за давностью лет найти этот материал обратно.. Суть вопроса http://beavers-net.narod.ru/primers/boolean_sch/bool_sch_min_pr.html Стили http://beavers-net.narod.ru/primers/boolean_sch/base.css Есть схемка. Реализовано все на таблицах + чутка блоков. при масштабировании страницы что-то как-то куда-то уезжает все Например: http://beavers-net.narod.ru/primers/boolean_sch/err1.jpg строка таблицы по высоте проставлена 16px, но при уменьшении масштаба становится ниже (см. рис.) Или разъезжаются части схемы: http://beavers-net.narod.ru/primers/boolean_sch/err2.jpg Opera 30, Chrome 43. H…
0 votes4 answers -
Поставить меню в нужное положение.
Здравствуйте. Кто подскажет, как разместить меню под картинкой. В моем случае получается внизу страницы. <div id="wrapper"><header> <div id= "logo"><img src= "images/logo.png" alt="Логотип" /></div><nav><ul id="menu"><li><a href="#"><span>Home</span></a></li><li><a href="#"><span>About us</span></a></li><li><a href="#"><span>Our support</span></a></li></ul></nav></header></div> CSS#wrapper {width:1260px;margin:0 auto;}
0 votes6 answers -
Как сделать сетку?
Всем привет, есть задание(написано ниже), хотелось бы понять как можно менять сетку от размеров экрана,используя css и html Если это вообще возможно не используя js Заранее спасибо за ответы Задание: Сверстать сетку из 9 квадратов. Каждый квадрат обрамлен серой рамкой в 1 пиксель. Расстояние между блоками 5 пикселей. На экране шириной свыше 1000 пикселей блоки располагаются сеткой 3 блока на 3. На экране от 600 до 999 пикселей блоки располагаются по 2 в ширину, 9-й блок скрывается На экране меньше 600 пикселей блоки отображаются по 2 в ширину, но ширина и высота блоков становится по 200 пикселей.
0 votes1 answer -
Выравнивание текста внутри чек-бокса.
Сразу оговорюсь, что я ещё совсем новичок и мне многое не понятно. Есть вещи которые я понимаю как правильно загуглить, но не в данном случае. На 1-ой картинке видно как обстоят дела с текстом сейчас, а на второй- макет. Вопрос следующий. как выровнять текст как на макете и что для этого требуется?
0 votes3 answers -
Как правильно сверстать этот блок?
В общем, есть такой блок(см. прикрепленные файлы). Так же есть спрайт с иконками для каждого пункта. Я написал такой код для каждого айтема. И у меня возник такой вопрос: как лучше разместить иконки в айтеме? Читал, что нужно делать в CSS через background, но тогда придется дублировать код и нужно будет давать уникальные имена айтемам. Или же всё таки в этом случае использовать тэг img? Хотелось бы услышать мнение бывалого специалиста) p.s. для разметки использовалась сетка bootstrap <div class="row"> <div class="services"> <div class="col-md-4"> <div class="service-item"> <h3>Photography</h3> <p…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-