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
-
Как правильно вставлять img
Так что куда? Какие элементы вставлять через css, а какие через html? К примеру тоже лого. <header><a href="#"><img src="images/logo.png"></a></header>или <style>.logo { background: url(images/logo.png) no-repeat; width: 161px; height: 38px; float: left; }</style><header><a href="#" class="logo"></a></header>
0 votes3 answers -
Не понимаю как применить спрайт для фона
День добрый! Не получается применить спрайт шириной 2px и высотой 300px для левого и правого блока (спрайт состоит из 2 полос по 1ому пикселю разных цветов). Подскажите ошибку. http://jsfiddle.net/yB7SK/
0 votes0 answers -
Помогите чуть-чуть...
Подскажите пожалуйста, как опустить радейку к логотипу... Это шаблон хедера phpBB3 Радейка расположена ближе к концу файла <div id="logodesc"> 13-я строка. <!-- ENDIF -->// ]]></script></head><body class="{S_CONTENT_DIRECTION}"><a name="top"></a><div id="wrapheader"> <div id="logodesc"> <embed src="http://www.hitfm.ua/static/radioplayernewemb.swf" quality="high" bgcolor="#ffffff" width="315" height="40" name="radioplayernewemb" align="middle" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> <table width="100%" cellspacing="0"> <…
0 votes2 answers -
Пляшет кнопка не смотря на border-box
Не пойму что за фигня. Красная кнопка "купить" на сайте http://zverushka.zz.mu/chehol/ Обычное состояние padding: 1px 0 0 2px;. Наведенное - padding: 0; Стоит box-sizing: border-box, но когда на навожу на кнопку - все блоки пляшут. Не понимаю, почему. При этом похожую кнопку я реализовала и все ок было, а тут видимо закралась какая-то ошибка. Не могу понять, что за ошибка.
0 votes2 answers -
Не могу поменять описание сайта
Помогите у меня вот такая проблема не могу поменять и найти описание сайта,в коде страниц обыскал всё нет в ксс тоже нет в поиске яндекс зато всё находит и выводит описание как раз которое нужно поменять вот скрин http://i57.fastpic.ru/big/2013/1104/0a/e6ac0eadca3f12483b9c0bd1af5fc60a.png вот код html & css http://jsfiddle.net/SACsJ/ и сам сайт http://nezhnost-luh.ru
0 votes1 answer -
Не работает input-placeholder
Не работает input-placeholder!!! Он должен делать точки большими в инпут поле.(Задаю font-size:50px к примеру) .left-block form label input[type=text]::input-placeholder Почему так? http://cssdesk.com/JySyC
0 votes4 answers -
Эскизы в браузерах
Добрый день. Подскажите пожалуйста как браузер выбирает эскизы со страниц. Например хром на закладке "сайты" или опера в экспресс-панели?
0 votes0 answers -
адаптивная верстка
кто может подсказать как сделать адаптивную верстку с помощью media queries, хотелось бы увидить пример, только без использования css фреймверков?
0 votes2 answers -
Есть ли разница как подключить google fonts
Есть ли разница как подключить google fonts через @import или <link> ?
0 votes3 answers -
Вёрстка
Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!
0 votes22 answers -
http://htmlbook.ru/practical/hod-konyom
http://htmlbook.ru/practical/hod-konyom Вот что у меня http://cssdeck.com/labs/zzgoaqsz. Это задание только делается при помощи javascript ?
0 votes2 answers -
Ротатор как здесь
На этом сайте http://www.teohim-ek.ru/ в шапке 4 картинки, которые последовательно, друг за другом меняются. Подскажите подобный скрипт? Не 4 ротатора ведь ставить туда, правда?
0 votes4 answers -
Помогите советом
Добрый вечер! Помогите советом касательно этого сайта testing-field.68edu.ru, хотел сделать его "резиновым", получилось шальное верхнее меню... Хотелось бы послушать, Ваше мнение, что не так, какие ошибки (не только меню), где фатальные ошибки, где тихий ужас ) Может там всё тихий ужас ) Думал, что бы сделать меню картинка-спрайт, ну не могу я выкинуть в топку эту мысль, что ублажался. Может я где то зациклился хз. )
0 votes10 answers -
Посоветуйте хостинг для сайта
Завтра хочу запустить свой сайт,но немогу определится с выбором хостинга для него,в гугле даже если написать "лучшие хостинги" выдаст сотни практически одинаковых(и по цене и по предоставляемому функционалу)хостингов,какой из них выбрать я не знаю... Мой сайт - информационный портал&блог,весит не много,всяких сверхсложных языков в нем не использую. Нужен такой хостинг которым пользуются известные сайты,проверенный и надежный,ну и что бы была регистрация доменного имени ofc.
0 votes9 answers -
Тег CODE
Народ помогите? Весь день Гуглил и Яндексил не могу найти нужной информации... В общем такая беда, пишу статью и в нужное место мне надо вставить код. Код я уже разобрался как вставить но он выглядит ужасно и нечего не понятно. Вижу на многих сайтах вот такую форму где все ясно отображается еще и пронумеровано. Наверное это делается через тег code только надо ему накинуть bodi со стилями или нет? Если можно помогите!
0 votes5 answers -
Белая полоса в мозилле
http://zverushka.zz.mu/test5/ В самом низу на границе волнистой границы в мозилле белая полоса, в хроме нет. Не могу понять причины сего поведения и отображения и как исправить.
0 votes4 answers -
Ширина ячеек таблицы
Всех приветствую! Друзья, помогите, пожалуйста, понять в чем проблема. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>cell width</title> <style> td { border: 1px solid; } </style> </head> <body> <table> <tr> <td width=300>Cell1</td> <td width=50>Cell2</td> </tr> </table> </body></html>На выходе: Собственно, вопрос: откуда получается ширина размером в 304px, когда она задается 300px. Спасибо!
0 votes11 answers -
Помогите настроить слайдер
Здравствуйте. Выполняю тестовое задание на верстку. В числе элементов страницы есть и относительно простой слайдер на Jquery. Я выполняю его по уроку, найденному здесь: http://heavenweb.ru/delaem-prostoy-slayder-na-jquery В идеале должно получиться примерно так как здесь: http://allins.ru/ Я полностью скопировал приведенный на HeavenWeb код, только имена объектов, естественно, поменял на свои. К сожалению, код работает не полностью: кнопки переключения не подсвечиваются, как должны и по стрелкам слайды не переключаются. Кроме того, после подключения js-кода, на картинки с кнопками накладываются сверху еще такие же картинки. В firebug'е убираю background-image - подсветк…
0 votes4 answers -
Не срабатывает margin
Почему не работает marin:0 auto ?Не по горизонтали,ни по вертикали... Спан задал как блок,а маржин все равно не работает. Скорей всего какая-то глупая ошибка... Может из-за флоата? Span это слово Brillant
0 votes9 answers -
Меню (проблема с отступами)
Ребят здравствуйте .я только учусь взял PSD из бесплатных шаблонов и пробую верстать,в принципе после прочтения уроков на вашем сайте за несколько дней смог сверстать маленькое меню.а здесь застопорился все мое меню почему то кривое .думаю напутал с отступами и размерами, не найду только где. Вот так должно быть как у меня получилось. не совсем понял как поставить такие черточки между меню как на первом скрине, возможно это у меня из за неправильных отступов такие вот код ps. Подскажите пожалуйста ребят.заранее спасибо HTML <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Maket</title> <link rel="st…
0 votes3 answers -
CSS селектор по двум классам
Доброе время суток, подскажите пожалуйста. Имеется таблица <table> <tr> <td class"a b"></td><td class"a"></td><td class"a b"></td> </tr> <tr> <td class"a"></td><td class"a b"></td><td class"b"></td> </tr></table>.b{background-color:grey;}.a{background-color:red;}.a.b{background-color:green;}класс "a" динамичный, мне необходимо, чтоб ячейки c классом "а" окрашивались в красный цвет, а если там еще присутствует класс "b" в зеленый, а если нет класса "а" то класс "b" в серый
0 votes1 answer -
Разворот одной картинки в другую
Добрый вечер всем! Подскажите пожалуйста какой-нить скрипт желательно js, чтобы при наведении мышки на фото оно разворачивалось по горизонтали и менялось на другое фото. Что-то типа вот этого: http://shpargalkablog.ru/2012/01/pri-navedenii-na-kartinku-ona.html. пробовал вставлять - не получилось. МОж. чего не доделал.??? . Я в яве как-бы не спец вообще, скопировать могу....а.... Спасибо!
0 votes8 answers -
Градиент-полукруг
Как создать градиент такой формы в css?
0 votes2 answers -
Нужна помощь
Доброго времени суток. Помогите, пожалуйста, разобраться: на картинке блок с повторяющейся стрелкой по x и в нем же блок с логотипом. Нужно, что бы стрелка прерывалась, как на картинке. Извиняюсь за плохо сформулированный вопрос. Заранее спасибо.
0 votes12 answers -
Можно ли создать "дочерный" html-файл?
Код главной страницы сайта и так немаленький,а мне предстоит его ещё увеличить. На странице есть один елемент,задача которого - открывать вкладку с контентом,вот код одной из вкладок: iMstup[0]="<div id='view1'><h1>Ололоша 1</h1></div>";как видите в середине этой вкладки находится тестовый контент,но вот проблема в том что если закрывающий </div> опустить на следующюю строку то ВЕСЬ скрипт перестанет работать(непойму почему так).Вот весь скрипт целяком: <script src="JS/jquery.min.js"></script> <script> var iMstup= new Array();iMstup[0]="<div id='view1'><h1>Ололоша 1</h1></div>";iMstup[1]="<div i…
0 votes54 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-