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
-
Текст в блоке вертикально по центру
Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.
0 votes1 answer -
Поведение адаптивного дизайна
Вот песочница https://jsfiddle.net/o82kLqdn/1/ Там есть боди с размером 600рх, в нём контейнер 521рх в котором три блока по 164рх с отступами по 10рх. Я всё это сделал резиновым, т.е. делил внутренние блоки на внешние получал размер. Теперь при получении нужных размеров всё работает и размер остался таким каким должен быть. Но когда я сужáю размер окна последний блок вылетает... из-за чего такое поведение ведь всё держалось на месте.
0 votes3 answers -
ширина в процентах с ограничением
Помогите пожалуйста в решении проблеммы: нужно сделать любой объект (div, таблицу или текстовое поле) у которого будет ширина задаваться в процентах но растяжка происходить до определенного колличества пикселей. Тоесть есть див с шириной 70%, и при растяжке окна браузера или на больших мониторах ширина не будет привышать 400px. Спасибо.
0 votes2 answers -
Типовые шаблоны
По форуме натыкался на ссылку с кодом типовых шаблонов страниц, на подобие 3 колонки футтер, и пр. поделитесь ссылкой, не нашел в поиске
0 votes0 answers -
проблема отоброжение в ie7
Есть таблица в ie8, opere,mozile показует норм, а вот в ie7 отступы не применяются #table_1 { width:478px; margin:47px 100px 70px 124px; } В ie7 таблица привязуется к верхнему левому углу.
0 votes1 answer -
Что за ошибка
Line 184, Column 29: character "&" is the first character of a delimiter but occurred as data <li><a href="" >Kato & Jon - Turn The Lig...</a></li> This message may appear in several cases: You tried to include the "<" character in your page: you should escape it as "<" You used an unescaped ampersand "&": this may be valid in some contexts, but it is recommended to use "&", which is always safe. Another possibility is that you forgot to close quotes in a previous tag.
0 votes5 answers -
z-index в скрипте
то ли у меня руки кривые, то ли мозг на работе запарился. В общем не могу пофиксить трабл. есть такой скрипт <script type='text/javascript' src='http://ruspo.ru/scripts/module-loader.js?type=form&ModuleID=10145&template=2&theme=sunny&city=1206&country=39&UTF=1&full=http://www.sorvemsia.ru/online'></script> <div id='ruspoSearchForm'></div> в ие получается так мозг закипает, надо как то пофиксить. может кто нибудь подскажет?буду очень признателен.
0 votes5 answers -
Нестандартный шрифт, кириллица
Всем привет. Подключаю шрифт, все ок, на англ. раскладке все подхватывается, на русской раскладке нечего не изменяется, стандарнтый Arial. В чем может быть проблема ?
0 votes7 answers -
проблема с margin-top
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style/style.css" rel="stylesheet" type="text/css" /> <title>Верстка</title> <style> *{margin:0; padding:0;} #wrapper{ width:980px; height:910px; margin:0 auto; border:1px solid #000; } #header{ height:205px; background: -webkit-linear-gradient(top, #fff, #e8e9ed); background: -o-linear-gradient(top, #fff, #e8e9ed); background: -ms-linear-gradient(top, #fff, #e8e9ed); backgr…
0 votes2 answers -
Отзывы с премодерацией
Для сайта гостиницы долго искал готовый скрипт для странички отзывов с премодерацией, но так как мало смыслю ещё в этих делах, мне всё, что я нашёл показалось "не тем" . Подскажите, как построить такую систему отзывов НЕ используя е-мейл?
0 votes3 answers -
Проблема с шрифтами
Помогите, пожалуйста, понять, в чем дело. В фотошопе пишу текст "тест", шрифт Tahoma, размер - 14px Измеряю, высота буквы "т" - 7px, ширина всего слова - 25px; Далее уже в html пишу этот текст в span со стилями font-size: 14px, font-family: Tahoma; Измеряю линейкой: высота буквы - 8px, ширина всего слова - 27 px Почему так происходит?
0 votes2 answers -
Проблема с блоками
Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…
0 votes2 answers -
Поведение img и a при абсолютном позиционировании в IE
В итоге некоторых мучений создал тестовый код, который в IE и в браузерах ведет себя по разному. Вот ссылка img-click-test Тут слой с картинкой (z-index:10) размещен под слоем со ссылками (z-index:1000). При чем одна ссылка залита фоном, другая - нет. Собственно, там, где слои пересекаются, не залитая ссылка перестает кликаться. Это проявляется во всех версиях IE включая 9. Удалось починить багу дедовским способом пусканием фона с прозрачной картинкой на ссылке. Может кто знает, как можно решить это более элегантным способом без лишней графики? <!DOCTYPE html> <html> <head> <title>test</title> <style type="text/css"> #img…
0 votes2 answers -
Как сделать чтобы перенос выглядел как 2?
Возможно ли сделать стиль переноса в textarea чтобы выглядело как будто их 2? То бишь пользователь ввел: А выглядело: Причем чтобы это только выглядело как 2 переноса. И возможно ли это сделать CSS (если нет, то хотя бы JS скажите) P.s. И не только эта фраза, а любая.
0 votes7 answers -
Получить селектор автоматически возможно?
Здравствуйте. Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль? Благодарю
0 votes7 answers -
Как вывести футер после блока с абсолютным позиционированием?
Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }
0 votes4 answers -
не работает background
есть код <section><img src="/cover/17.jpg" alt=""/> <ul> <li>Artcore</li> <li>Nastyfuckk</li> <li>Machinedrum</li> </ul> </section> Стиль article section { height: 186px; width: 186px; float: left; margin: 8px 0px 8px 16px; } article section img { height: 186px; width: 186px; margin: 0; padding: 0; } article section ul { height: 66px; background: black !important; z-index: 999; padding: 0; margin: -71px 0 0 0; width: 186px; } article section ul li { color: white; font-size: 11px; font-family: tahoma, …
0 votes1 answer -
Не понятная проблема с CSS
Не пойму на все поля работает CSS, а одно поле почему то было не охвачено, проверил вроде всё идентично, помогите? <div class="focus-example cont1" style="text-align: center;"> <input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму"> <span class="letter">UAH - ₴</span> <input type="hidden" value="" name="operation_xml"> <input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature"> </div> <div class="focus-example cont1" style="text-align: center;"> <input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmou…
0 votes2 answers -
добавить отступы контенту
ребят, помогите пожалуйста поправить вёрстку. вопрос жизни и смерти. в благодарность даже могу символическую сумму перевести есть страничка, сделанная с использованием twitter bootstrap. на ней 2 блока: .our_product_outer , .from_the_news_outer . в последнем есть три блока .box , между которыми есть отступы margin: 0 10px(это важно) проблема в том, что я не могу сделать так, чтобы содержимое блоков .our_product_outer , .from_the_news_outer не прилипало к краям этих блоков. то есть результат должен выглядеть примерно так при изменении ширины экрана bootstrap изменяет положение элементов. хотелось бы чтобы и в этом случае отступ в 30px сохранялся. с обеих сторон
0 votes6 answers -
Проблема с наведением мышки на линк
Здравствуйте, возникла следующая проблема, может кто сможет подсказать, в чем же дело, сделал сайт (изначально на Muse - landing page? потом дорабатывал html код, стили и т.д.), при наведении на логотип (название шапки в ссылке) стоит линк #top - для перемещения на верх страницы соответственно, но почему то ссылка получается активна не на все области, т.е. если посмотрите - http://arhis77.esy.es/ - получается что где то курсор обнаруживает ссылку, а в каких то местах нет.. никак не могу понять, в чем же именно дело... ссылка стоит для дива прописана в котором картинка (пробовал прописать для самой картинки, делал map - тоже самое)... если кто-нибудь сможет мне подсказа…
0 votes3 answers -
Кто как стилизует select?
Собственно сабж. Что бы руки у сидящих в w3c сломались. Использую вариант с appearance: none; может есть у кого решения получше?
0 votes6 answers -
Возможно ли обойтись без скрипта?
Есть сайт. Под меню Расширенный поиск. Задача состоит в том, чтобы у каждого 4 блока со свойствами товара (пол, бренд, возраст, ...) обнулить margin. Я написала такое правило, но оно не работает как надо: .search_gW .widget-meta-data-filter .mdf_input_container:not(.mdf_section_tax_product_cat):nth-of-type(4n){ margin-right:0 !important;}Это правило некорректное? Возможно ли это сделать без js?
0 votes6 answers -
Прошу помочь со страницей портфолио (проблемы с переходом на разделы сортировки)
Всем доброго дня. Проблема следующая: Есть пункт в меню (и соответственно раздел на сайте) - портфолио, которое имеет в себе подпункты "1" "2" "3" "4". На странице решил сделать сортировку. Т.е. можно отобразить все работы, либо работы одного из разделов. Поскольку каждый из этих разделов отображен в выпадающем меню, хотела бы узнать, как сделать переход на каждый из вариантов сортировки. Как выглядит сортитовка: http://tympanus.net/Tutorials/CSS3FilterFunctionality/index3.html В коде это сделано так: <section class="ff-container" style="padding-top: 200px;"> <input id="select-type-all" name="radio-set-1" type="radio" class="ff-selector-type-all" checked="c…
0 votes0 answers -
Как сделать из кнопки ссылку
Здравствуйте! Мне потребовалось решить задачу прямо обратную той, что решают обычно, то есть превратить КНОПКУ в ССЫЛКУ. Как это сделать кроссбраузерно?
0 votes3 answers -
ReferenceError
Здравствуйте, столкнулся с проблемой, которую не знаю как решить, она не критичная, и даже без ее решения все работает, но очень бы хотелось разобраться в причине ее появления и как от нее избавиться. В отладчике, заметил что к каждому моему скрипту прописанному в "голову" главной страницы он выдает ошибку. Ошибка которую я получаю А вот те самые скрипты: <script> $(document).ready(function(){ $('.flexslider').flexslider({ animation: "fade", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> <script> $(document).ready(function() { $("#form").valida…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-