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
-
Simpless?
Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.
0 votes4 answers -
Форма для контакта
Подскажите, где посмотреть, как на сайт воткнуть вот такую форму для контакта с владельцем?
0 votes1 answer -
Style.css Настройка ширины текста и интервалов.
Проблема вот в чем - не могу понять каким образом в style.css изменить(в данном случае увеличить) ширину текста. На первой картинке - скриншот сайта, на второй - применена одна из бесплатных тем(сайт на wordpress). Хорошо видно, что на втором скриншоте текст заметно шире, хотя шрифт тот же. Подробное изучение этого вопроса результатов не дали, прошу помочь. Скриншот номер два:
0 votes6 answers -
Как создать изображение кодом?
Здравствуйте! Нужна помощь понимающих. Вопрос: Я хочу сделать иконку не путем добавления ссылки на изображение в код, а кодом, указав размер иконки в 20px, 20px и каждому пикселу присвоить свой цвет, чтобы в итоге они образовали простую иконку. Цель: Получить иконку без надобности заливать изображение на хостинг или использовать с иного ресурса. Подскажите пожалуйста пример кода, как присваивать цвет пикселам. Желательно html, думал сделать через canvas и js, но здесь подвох, если js отключены, иконки отображаться не будут, поэтому остается html. Но если это анриал, тогда уже js, хотя мне кажется это просто сделать, только мне не хватает соображения, что бы понять как это…
0 votes4 answers -
запрещение перетаскивания
нарисовал дизайн сайта в фотошопе, потом раскройкой разделил на кнопки и сохранил добавил ссылки по клику (делал по принципу http://tyniks.ucoz.ru/publ/stati_dlja_khakerov/kak_sdelat_aktivnuju_knopku_samomu2/3-1-0-239) если зажать левую кнопку мыши, на любой точке страницы и потянуть, то появляется значок перетаскивания картинки как сделать чтоб он не появлялся? (что б мышкой картинки не таскались а то некрасиво)
0 votes12 answers -
Фиксированное меню
В опере иногда сьезжает #wrapper{ margin:50px auto 0px auto; width:960px; height:auto; } aside{ width:309px; padding:10px; float:left; height:auto; border-collapse: collapse; } article{ width:609px; padding:10px; float:left; height:auto; border-left:1px solid #B9E3F3; border-collapse: collapse; } .clear{clear:both;} footer{ border-top:1px solid #B9E3F3; width:940px; padding:10px; height:auto; } nav{ position:fixed; top:0; left:0; padding:0px; margin:0px; width:100%; height:50px; background:black; } <!DOCTYPE HTML> <head> <meta http-equiv="content-type" content="text/html" /> <title>Sign in Mysite</title> </head> <body> <…
0 votes0 answers -
Расположение инлайновых тегов друг над другом
Что надо изменить в данной конструкции чтобы время и текст были друг над другом, оба блока растягивались по количеству содержимого, блоки были по центру страницы? Дума, ничего хорошего не надумал. Что я не учёл?
0 votes2 answers -
Добавление роликов с ютуба
Народ, подскажите как добавить несколько роликов в один контейнер, и чтоб нажимая на ссылку загружался в это же место другой....
0 votes1 answer -
Якорь для вкладки
Помогите сделать ссылку якорь для любой из вкладок сайта http://kopiichasov.ru/direct.php
0 votes1 answer -
Помогите, пожалуйста, с кнопкой Facebook
c нововведениями от фейсбука появились окошки с комментированием. И они не настраиваются! В упор ставится 450 ширина, сколько не вбиваю в ширину 280 пикселей Причем они появляются как-то странно... на широком экране (когда эти 450 пикселей помещаются) справа от кнопки... Когда же мобильный вид с шириной 320 пикселей - где-то слева, обрезаясь экраном. Хотела попробовать переназначить стилями, но оно меня игнорирует, а валидация говорит что так вообще нельзя задавать имена классов: /* пример класса, который используется в окне... точнее именно этот класс мне и нужно поменять */ ._5v4 { top: 24px; width: 450px; }
0 votes0 answers -
Вертикальное выравнивание 5 ти блоков в ряд, один из которых резиновый
Все привет. прошу помощи. Есть 5 блоков, нужно правильно прописать стили <div class="product"> <span class="img">фикс блок по левому краю</span> <span class="name">фикс блок по левому краю</span> <span class="descr">Резиновый блок</span> <span class="summ">фикс блок по правому краю</span> <span class="summ_price">фикс блок по правому краю, содержимое прижато вправо</span> </div> Все блоки должны быть выровнены вертикально по центру Блок descr должен быть резиновый, остальные фиксированные, содержимое блока summ_price должно быть выровнено по правому краю Прошу помощи правильно пропис…
0 votes0 answers -
помогите с IE 7
http://jsfiddle.net/FhZuV/ В совместимости с IE 7 рамка уходит в сторону... Знатоки помогите, голова уже кругом идет...
0 votes6 answers -
Одинаковая ширина столбцов таблицы в IE
Добрый день! Появилась проблема. Создал таблицу из двух строк, в каждой по 4 столбца. Применил к столбцам float: left. Во всех браузерах сработало, кроме IE7. Как решить эту проблему? Мне надо, чтобы ширина столбцов подстраивалась под содержимое,а в IE7 ширина для всех столбцов остается одинаковой.
0 votes0 answers -
li с чередующимся фоном
Здравствуйте. Возникла такая проблема... <ul> <li>Слово1</li> <li>Слово2</li> <li>Слово3</li> <li>Слово4</li> </ul> Как сделать чтобы в ul li шло чередование фонов. Допустим, нечётные (<li>Слово1</li>, <li>Слово3</li>, ...) - backgroun-color:#f4f4f4; чётные (<li>Слово2</li>, <li>Слово4</li>, ...) - backgroun-color:#cccccc; Помогите, пожалуйста, кто знает...
0 votes4 answers -
Слайдеры!
Добрый всем денек! Пересмотрел кучу вариантов по созданию слайдеров для контента, все они сильно запутанные, особенно для новичков, и вот решил собрать его самостоятельно и разобраться в этой штуке. Пока получается такой вариант, все переключается но контент стоит на месте: <body> <div id="slider"> <div id="content"> <div id="slide01"> <div id="slide02"> <div id="slide03"> <div id="slide-inner"> <div class="page" id="page1"><img src="img/exclusive_yachts_00.png"></div> <div class="page" id="page2"><img src="img/exclusive_yachts_01.png"></div> <div class="page" id="page3"><img…
0 votes1 answer -
Активная кнопка меню
Здравствуйте... У меня есть вопрос, как сделать кнопку активной после нажатия на нее.. Допустим имеется ссылка в навигационной панели, нажимаешь на необходимую категорию, после перехода, - это кнопка имеет друргой цвет - что показывает что она сейчас активна...
0 votes2 answers -
Создать фон ссылки активной страницы
Нужно вот так как новости. Как можно это реализовать. Реализовал чтобы реагировал на наведение мыши, на нажатие, но надо , чтобы фон ссылки фиксировался относительно своей страницы
0 votes4 answers -
Не подключается кириллица Google Web Fonts/
Всем привет! На ровном месте возникла проблема. Хочу использовать http://www.google.com/webfonts Там всё просто и доходчиво описано как из подключать. С английскими шрифтами проблем нет вообще. Но кириллические (беру естественно из раздела кирилик) не подключаются ни в какую, ни так как ниже по простому, ни @import, ни яваскрипт. Пример ниже <h1> Bad Script отображается как дефолтый таймс, а <h2> как и задумывалось Exo. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Bad+Script|PT+Serif' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?fa…
0 votes1 answer -
Центрирование элементов списка
Замучался уже, никак не могу расположить элементы по центру, хотя вроде всё по правилам делаю Подскажи как сделать чтобы li по центру распологались? http://jsfiddle.net/bsZ67/
0 votes3 answers -
нумерованные списки
Доброго времени суток! ЕЕсть такая задача: надо сделать список вида 1. текст 2. текст 3. текст с влодежиями 3.1 текст вложенный 3.2 текст вложенный 3.3 текст вложенный 3.4 текст вложенный 4. текст 5. текст Если кто-нибудь знает как сделать список с такой нумерацией - подскажите пожалуйста. Помогите новичку. Заранее благодарен. P.S. уважаемые модераторы, если тема есть - подскажите где - не нашел, если не в том разделе - перенесите пожалуйста. И Вам заранее благодарен.
0 votes2 answers -
Все еще галерея
С помощью чего человек расположил список "One, two, three, four" в строку? http://jsfiddle.net/kKUZq/
0 votes1 answer -
Наследование отступов в ul списке
Всем привет, столкнулся с такой проблемой, не получается выровнять первый и последний элементы по вертикали... Какой бы marign-top у первой и последней "лишки" не стоял они тупо валяются внизу) Если в li поставлять текст, допустим (1,2,3...), то все "лишки" наследуют margin-top первого элемента. Проблема решена, модераторы удалите пожалуйста тему.
0 votes1 answer -
Забыл как выделить область с картинкой по размерам большего элемента
Товарищи, напомните, плиз.. При наведении курсора на текст область выделяется только по тексту, а не по картинке. Хотя и текст и катринка звключены в один тег a <a href="<?php the_permalink() ?>" rel="bookmark"> <?php the_post_thumbnail(array(90,90)); ?> <h4> <?php the_title(); ?></h4> <? kama_excerpt("maxchar=100"); ?> </a> Как сделать выделение по всему блоку (т.е. по высоте максимального элемента входящего в тег а : по картинке или тексту)? КССы вот такие #lateslist li a:link, #lateslist li a:visited { background: none repeat scroll 0 0 transparent; display: block; margin: 0 0 15px 0;padding: 0; text-decoration: n…
0 votes2 answers -
Отступ снизу у inline-block элемента
Добрый день, столкнулся с вот такой штукой, вот допустим меню <section class="menu"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </section> .menu{ text-align: center; overflow: hidden; } .menu ul{ display: inline-block; } .menu li{ float: left; } .menu li a{ display: block;…
0 votes2 answers -
глюк - картинки прыгают при наведении мышки
не подскажите как избавиться от подобного глюка? при наведении мышки на фотку - фото из нижнего ряда начинают прыгать =((( вот здесь: http://oborona-pro.ru/fotoSafeLimb.html
0 votes1 answer
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-