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
-
Java script выполнить обводку
Подскажите пожалуйста, можно ли вообще как-то скриптом выполнить обводку прозрачного контура рисунка? По примеру рисунка, зеленый контур при наведении мышки на рисунок например?
0 votes16 answers -
проблема с @font-face
Почему шрифт не работает? http://jsfiddle.net/q2qTR/
0 votes9 answers -
Отредактировать стили оформления текста в стороннем приложении WizNote
Для начала вступление: WizNote - это сервис мульплатформенных заметок, копия известного Evernote https://evernote.com/intl/ru/, но с доступными оффлайн базами данных на мобильных устройствах и некоторым другим интересным функционалом. Подробнее здесь http://4pda.ru/forum/index.php?s=&showtopic=415318&view=findpost&p=33841551 Особенностью клиента WizNote под Windows (под другие платформы наверное тоже) является открытая и простая архитектура программы: заметки это заархивированные html странички, программа основана на движке браузера (возможно Chromium), а значительная часть функционала реализована плагинами с помощью JS, CSS и т.п. Задача: Отредактировать…
0 votes3 answers -
Макет в одну колонку
Не получается сверстать макет где "шапка" была бы с position: fixed; А сам макет с шапкой, контентом и футером растягивался бы от 980px до 1200px. Высота основного блока (class=content) с контентом растягивается очень сильно, вылазиет справа авто прокрутка - здесь тоже что-то делаю не так. <!DOCTYPE html><html><head><meta charset="Windows-1251"><title>Тест</title><meta name="description" content=""><meta name="keywords" content=""><link rel="icon" href="favicon.ico" type="image/x-icon"><link rel="stylesheet" media="all" href="style/css.css"><link href='http://fonts.googleapis.com/css?family=Exo+2:400,900&s…
0 votes14 answers -
Шестиугольник из треугольников!
Всем привет, нужно сверстать правильный шестиугольник, из шести треугольников. Каждый треугольник это активный элемент(пункт меню). Кааак??) думал через border-ы нарисовать шестиугольник, но что-то никак.. та и к тому же, нужно менять css активного треугольника при наведении)
0 votes5 answers -
Скрипт для смены картинок
Необходим скрипт меняющий картинку при загрузке страницы. Например, есть папка с картинками, 10-20 шт. Надо чтобы при каждой новой загрузке странички подгружалась рандомная картинка из этой папки. Очень желательно на PHP. Гугл особо не помог, то слайдеры то javascript. Подскажите пожалуйста как реализовать, или где почитать.
0 votes8 answers -
Как выровнять текст прижав к низу diva
Html <header> <div class="container services"> <div class="row"> <div class="col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 108.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div> <div class="col-md-offset-1 col-xs-offset-1 col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 127.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div>…
0 votes5 answers -
фон png
для отображения пнг в ИЕ использую фильтр в ксс: background:url(images/logo.png) 0 100% no-repeat; /*для оперы /* для ИЕ _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png'); собственно вопрос в том, как мне заставить фон в ИЕ быть прижатым к полу в ячейке или блоке??? заранее спсасибо помогавшим
0 votes4 answers -
Наложение текcта на картинку в IE
Создал кнопки навигации по сайту и сверху хочу наложить текст, т.е подписать кнопки ("Главная", "Новости" и т.д.), в Firefoxe и Opere все получилось, а вот в IE текст, который накладываю на кнопку пропадает просто напрасто. Как это можно исправить и почему текст не отображается в IE? Ниже привожу куски кода. HTML <div class="bottons"> <div class="botton"><img src="img/botton_main.jpg" width="230px" height="20px" border="0"> <div class="text_nav"><a class="navigate" href="index.html">Главная</a></div> </div> , где botton_main.jpg и есть сам рисунок кнопки, а "Главная" название данной кнопки. CSS div.botto…
0 votes1 answer -
Гостевая книга
Здравствуйте, вот в чем вопрос. Две ссылки, там гостевая книга: http://hostweb.narod.ru/php/8.htm http://hostweb.narod.ru/php/9.htm Пытаюсь разобраться в коде, но у меня при просто копировании содержимого в файлы книга не работает. У кого нибудь работает? Может кто нибудь кинуть рабочую эту книгу размещенную на сайте? И еще объясните мне пожалуйста по какому принципу работает кнопка отправить в этой книге? То есть как она активируется? У меня даже просто в файле содержимое textarea не сохраняется. Спасибо.
0 votes7 answers -
Меню
Научите пожалуйста верстать горизонтальное меню.
0 votes8 answers -
Помощь с версткой
Прошу помочь с версткой. Я ее уже почти сделал, но все выглядит очень криво, на костылях. Пишу для Blackberry PB используя bbUI.js, но это почти ничего не меняет. В идеале все должно выглядеть так: Вот что у меня получилось своими силами: <div data-bb-type="round-panel" style=" margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px; border-radius:8px; box-shadow: 0px 0px 0px 6px #f6f6f6, 0px 0px 0px 7px #cccccc; padding:10px;"> <div data-bb-type="label" width="800px" id="story" style="display:inline-block; width:800px;" >Default Story<br><br><br><br>dddddddd<br>aaa<br><br><br><br>qq…
0 votes5 answers -
Четкие вопросы новичка
Вот например я нашел такой макетик. Мне нужно сделать полноценную рабочую страницу. Только я не совсем понимаю, что от меня требуется в целом. Знаю что сверстать и пару скриптов реализовать. В общем - Кто может, посмотрев на макет описать по пунктам процесс всей работы? Буду очень благодарен!
0 votes8 answers -
Адаптивное навигационное меню с картинками
У меня есть меню навигации, где вместо текста, используются лого. Так вот я хочу сделать так, чтобы при уменьшении размера браузера логотипы тоже меняли размер, вместо того чтобы выпадать с меню. Т.е. тоже поведение, что бывает когда задаешь картинке max-width: 100%. Но как это можно сделать через св-во background? Вот пример, того как выглядит меню. P.S. Просьба не спрашивать почему вместо тега <img>, добавляю изображения через тег <a>. Так надо было.
0 votes7 answers -
меню на hover
Добрый день, подскажите почему меню не выезжает на hover. и как сделать отступ между главным меню и меню которое появляется при ховере. Спасибо. Помогите понять истину ))) http://jsfiddle.net/mrfrunze/aucbf8sn/
0 votes7 answers -
Один хостинг и несколько "сайтов"
Если купить хостин, доменное имя. Т.е. получу домен 2-го уровня типа ABC.ru. Теперь на этом домене я делаю сайты 3-го уровня типа: ABC.ru/site1, ABC.ru/site2, или site1.ABC.ru, site1.ABC.ru Мне нужно чтобы было вот так. Посетитель сайта site1.ABC.ru не должен знать, что есть сайт site2.ABC.ru. Т.е. набрав в поисковике site1.ABC.ru, по крайней мере в первую десятку не должно вылезти site2.ABC.ru. Нужно, чтобы ABC.ru не индексировалось поисковиками. Например, в корне ABC.ru/ будет лежать index.html нулевой длины, а robots.txt настроен соответсвенно. И еще вопрос. Разрешается ли в яндекс директ (или в гугл адвордс) продвигать 3-уровневые сайты? Порочная ли такая практика, и …
0 votes19 answers -
Не работает transition opacity on pseudo-element
Здравствуйте! Столкнулся с проблемой в Chrome 53 - не работает transition для opacity на псевдо-элементе. При этом в перечисленных браузерах эффект работает как нужно IE 10, 11, Opera 38, Firefox 47. Сайт на котором возникла проблема, кнопка "Get started" должна меняться. Воспроизведение проблемы https://jsfiddle.net/mikoart/foqLwnf5/ Это особенность Chrome или я что-то не так делаю?
0 votes2 answers -
Частично прозрачный фон элемента
Доброго времени ВСЕМ!!! Не уверен что вопрос по теме, но всетаки спрошу. Делаю блок с фигурными границами. Можно ли сделать, чтобы часть фона была прозрачной. Зарание Спасибо!!!
0 votes5 answers -
картинка всегда по центру
Как разместить некоторый рисунок так, чтобы он всегда, на любом нарзрешении монитора, был посередине экрана ?
0 votes6 answers -
Не подскажите, народ
Сайт http://msb.adm.yar.ru/ если ставить разрешение моника 800х600, то в сайте начинает наезжать все друг на друга и появляется открытая (пустая) область слева, это видно при проктрутке. Мне посоветовали все блоки сайта поместить в спец тег, называется как то "маркью" или что то подобное, и это называется "заслонки" или как то "заставки". Мне нужна помощь, ребят кто может, может сказать как быть? Вот ссылка на скриншот: http://s43.radikal.ru/i100/1008/54/1fb7bd4fc892.jpg И еще одно: когда начинаешь масштабировать сайт с такой фичей, все сразу встает на свои места.
0 votes8 answers -
:link и отделение якорей от внеш.ссылок
Всем привет! a{color:red;font:20px Arial, Helvetica, sans-serif;} a:link{background-color:orange;} у меня хром присваивает даже якорям background-color:orange; опера игнор а ие6-все гуд в html5 нужно использ id!!ничого не поменялось а как теперь отделять?
0 votes3 answers -
Центральное позиционирование резинового блока?
Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование? Спасибо! <div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>
0 votes14 answers -
vertical align у inline-block
<div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…
0 votes15 answers -
Svg картинки
Привет форум. Хотел спросить как добавляются или создаются картинки в формате svg. Они рисуются на отдельном редакторе а после компилированный код добавляется в html файл? Можно ли из растровой картинки сделать svg? и если можно какие нибудь уроки подробные Спасибо.
0 votes1 answer -
Левые отступы в IE6
Признаюсь: верстальщик из меня никудышний, про css имею смутное представление, я обычно рисую, а верстает кто-то другой. НО... Попросили меня причесать Джумловый шаблон. Решила попробовать, что, думаю (наивная!), по готовому-то... Уже скоро сутки воюю с некоей конструкцией из div-ов. В Опере всё красиво и без дырок. А в IE - вся моя красота разваливается из-за непонятно откуда берущихся отступов по бокам div-ов. Они перестают помещаться в строку, перескакивають на следующую и т.п. Вот так: И больше всего озадачивает знаете что? Если страницу обновить (F5), то отступы исчезают (ну, почти...): А если зайти по ссылке - все эти долбаные дырки тут как тут. Понимаю, что пробл…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-