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
-
Помочь с CSS.
Доброго времени ...... суток. У меня есть где-то наверху элемент DIV для меню, и где-то внизу изображение. Я хочу чтобы изображение накладывалось на меню так, чтобы изображение было под меню, а не залезало на него... Каким же мне тегом или способом совершить это чудо в CSS? Не подскажите аль...?
0 votes2 answers -
Тег <label>
Здравствуйте. Вопрос, как я уже сам понял, больше философский, наверное, но теперь-то мне очень нужно и узнать ответ наших профи ) Почитал про тег <label>. Ну, все замечательно - привязывает к переключателям "кликабельное" текстовое описание. Есть два способа синтаксиса..., Гугл говорит... а вот тут и понеслось... )) В итоге, даже нашел (лучше бы не находил) на эту тему статью на Хабре (!), где чуть ли не холивар вышел Итак, вкратце. Вариант раз: <input type="checkbox" id="01"><label for="01">Кликни текст</label> Все прекрасно и по правилам, НО зачем нам эти id и for, если можно делать и без них, тем более при 99 копипастах чекбоксов менять столь…
0 votes1 answer -
Проблема с подключением LESS
Всем привет. Почитал о ЛЕССе и решил попробовать, подключил и стал прописывать свойства в файле .less но r к сожалению со страницой html ничего не происходит. Гляньте пожалуйста где может быть проблема. Вот как прописал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8"> <link rel="stylesheet/less" type="text/css" href="/css/action-settings.less"> <script src="/js/l…
0 votes3 answers -
Лапочка
Самый странный или интригующий сайт который вы видели.
0 votes2 answers -
Реализация меню
Здравствуйте! Подкиньте, пожалуйста, идею: как реализовать такое меню? В обычном состоянии это простое меню с маркерами слева: А при наведение становится так:
0 votes5 answers -
Как добавить фон сверху, при уменьшении экрана
Есть сайт http://top-usluga.ru/ При уменьшении масштаба экрана,необходимо чтобы в шапку добавлялся фон, и содержимое центрального блока было по середине.. Как такое реализовать? Вот отличный пример
0 votes1 answer -
Двухуровневое меню
Добрый день! Никак не могу решить проблему со своим меня на сайте. По макету все должно выглядеть следующим образом http://c2n.me/3cdJWb4 Но у меня почему-то .sub-menu оказывается под сладером( пробовал выставлять для них z-index. Ничего не помогает. Подскажите как решить проблему? Вот сам сайт: http://justexemple.host56.com/
0 votes5 answers -
Блок под блоком
Народ привет, поскжаите, какой тут плагин используется, что бы блоки становились как на сайте —-> http://mirtesen.ru/
0 votes2 answers -
Модальные окна. Один скрипт и 6 блоков
Всем привет Коллеги помогите разобраться с выводом модальных окон Вот страница: http://azharova.ru/test/ee.html# При нажатии на Ежика должно выходить одно модальное окно. У меня 6 ежей и каждый со своим окном, как мне настроить этот вывод вот код скрипа, который я использую $(function() { $( ".dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( ".opener" ).click(function() { $( ".dialog" ).dialog( "open" ); }); });Что я не правильно…
0 votes3 answers -
Как сделать аналогичную анимацию скролла
Каждый блок на весь экран. При скролле новый блок появляется как показано на видео: http://www.youtube.com/watch?v=WyMe1vMBzak Подскажите, может есть готовое решение подобных переходов?
0 votes0 answers -
Адаптация страницы
Коллеги, прошу о помощи неравнодушных. Сайт pe.mini-mall.ru Взял за образец чужой код, а настроить до конца не получается. 1. При адаптации меню, не могу понять, как растянуть блоки на всю ширину экрана. 3. Не могу вывести дополнительные указатели в блоки где есть дополнительные пункты, в коде вроде прописано, а ничего не выводится. 2. В блоках, где раскрываются доп пункты, мигают какие-то символы, первый раз с таким столкнулся, как убрать? Буду признателен за советы.
0 votes0 answers -
Всплывющее окно с таймингом
Добрый всем день! Подскажите, покупатели не хотят читать всплывающее окно на сайте. Может существует приблуда, которая считает время просмотра этого окна? Т.е. вы не дочитали или вообще не прочитали, закрываете окно, а оно вам типа: "ВЫ НЕ ДОЧИТАЛИ ДО КОНЦА..." Спасибо! Окно тут.
0 votes1 answer -
выравнивение таблиц и изображения
Есть таблица и есть изображение. У таблицы стоит float: left. Изображение же нужно вывровнять так чтобы оно было рядом справа от таблицы, но не справа от экрана. Как ни крутил но изображение упорно появляется во-первый над таблицей, а не на одном уровне (по высоте) с ней как мне нужно. Во-вторых размер изображения почему-то подгоняется под ширину таблицы... Ну и в третих какое бы я выравниевание не задавал для изображения, оно отображается только слева екрана если есть эта таблица... Вопрос. Как сделать чтобы иозбражени было немного справа от таблицы? К сожалению в этом форуме нету кнопочки удалить тему После того как сам прочитал свой пост, понял что я тупо забыл постав…
0 votes0 answers -
Не пойму в чём разница
Вот два кода div#status-bar { background: url('../img/status-bar-bg.png') repeat-x; border-bottom: 2px groove #ffffff; height: 40px; width: 100%; } и #status-bar { background: url('../img/status-bar-bg.png') repeat-x; border-bottom: 2px groove #ffffff; height: 40px; width: 100%; } Они ведь оба будут работать если применять <div id="status-bar"> , тогда зачем в css дописывается div перед # ?
0 votes2 answers -
Про рамки ячеек в таблице
наверно, обсудалось, но я не нашел (может плохо искал) как через CSS сделать чтоб у всех ячеек таблицы был бордер?
0 votes5 answers -
вопрос по семантике кода
какие вы используете имена классов и айди??
0 votes3 answers -
Подскажите как сделать такой адрес
Если у меня есть домен www.somedomen.narod.ru могу ли я сделать на нём ссылочку вида www.sometarget.ru/somedomen.narod.ru? И как это сделать, если возможно? Или ссылочку вида www.sometarget.ru.somedomen.narod.ru
0 votes1 answer -
выравнивание в меню
добрый день форумчане! с наступающим вас! я php программист, с версткой иногда бывает проблемы. вот как сейчас например есть меню как мне сделать чтобы картинка возле слова была посередине а не снизу? вот код <li><a href="decoration/1.html"><img src="../images/point.png" alt="•" align="middle" border="0"> Декорации</a></li>
0 votes2 answers -
Непонятная рамка вокруг картинки-ссылки
Имеется картинка-ссылка, и вокруг нее в ИЕ 7+ отрисовывается голубая рамка, пробовал и border: none и outline: none, непомогает. Кто что может подсказать? Спасибо заранее
0 votes2 answers -
Нестандартные кнопки социальных сетей
Думаю все видели, но прикладываю на всякий случай пример. Я тоже где-то видел на работающем сайте - теперь проблема найти где. Проблема и в реализации с нуля, если наложить сверху картинки абсолютным позиционированием и передавать клик на реальные кнопки скриптом, то как? Ведь все соц-кнопки загружаются в iframe'ах, разумеется с другого домена, значить кликнуть ссылку внутри такого фрейма не представляется возможным. Разве что прибегнуть к проксированию этих кнопок. Может кто знает попроще реализацию? П.С. где-то видел еще он-лайн генератор подобоных кнопок, тоже не могу найти. В общем пропасть ).
0 votes1 answer -
8 страниц в одной
Здравствуйте, делаю сайт на одной странице шириной в 4 экрана и высотой в 2 экрана, соответственно 8 страниц на одной получилось. Это плохо или в наше время считается нормой? Заранее спасибо!
0 votes4 answers -
Центрирование текста по вертикали в списках заданной высоты
Доброго времени суток! Подскажите, пожалуйста, нетямущему, как вот в этом примере двухстрочный текст отцентрировать по вертикали. line-height для этих целей не подходит. Эту верстку делает модуль меню Джумлы, следовательно крутить могу только CSS, т.к. переделывать модуль геморно
0 votes2 answers -
В каком формате лучше нарезать части макета?
Собственно название темы кричит за себя. Я нарезал в JPEG, но они выходят какие-то тусклые... Пока что использовал JPEG, но вот задумался, а что если я не правильно подхожу к ходу работы? Хотел бы услышать, в каком формате нарезаете вы. P.S. Советы вроде: Да поф** разница и тому подобное просто буду игнорировать. Заранее спасибо!
0 votes4 answers -
Картинка выходит с блока , если float:left
Здравствуйте! Картинка выходит с блока (.box) .box { padding:5px 5px 5px 5px; margin-bottom:10px; border:1px solid grey; width:700px;}, если для картинки свойство float:left. Почему?
0 votes1 answer -
Меню на разных разрешениях
Меня на разных разрешениях "правильно" сходит. Может можно как-то по-другому сверстать? Чтобы разрешение не влияло. Использовать JS нельзя... http://mc-diamond.ru
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-