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
-
Нужна помощь в верстке.
Открываю в firefox,ie все как надо.В яндексе и хроме меню авторизации тупо падает вниз.Помогите пожалуйста не могу понять в чем проблема!? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Design</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <link type="text/css" href="css/style.css" rel="stylesheet"></head><body> <div id="logo"> <a href="#"><img src="images/logo_head.png"></a> </div> <form id="field" action="#"> <div id="filed1"> <p class="tl">Логин: <input…
0 votes6 answers -
Не масштабирует сайт на моб.устройствах
Доброго времени, Столкнулся с такой проблемой, главная страница сайта нормально отображается на моб.устройствах, а вот некоторые внутренние не подстраиваются под разрешение экрана и появляется горизонтальная полоса прокрутки. вот главная норм показывается http://new.nestand-art.com/ а вот страница новостей http://new.nestand-art.com/category/news/ Подскажите в чем проблема?
0 votes2 answers -
PHP not work
Доброго времени суток всем верстальщикам и тем, кто себя ими считает! Это мой первый код на пхп, но он не робит. Почему? PHP: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <link rel="stylesheet" type="text/css" href="css.css" /> <title> TITLE </title> </head><body> Text <?php echo "Hello PHP"; ?></body></html>"Hello PHP" не выводтся. Стоит Open Server, localhost открывается, то бишь все должно работать. "Text" выводится. Help.
0 votes17 answers -
Давно не верстал и все забыл
Как сделать блок, чтобы при наведении подсвечивался только текст, а фон оставался прозрачным, у меня просто когда ставлю Opacity 0.5 , прозрачным становится текст тоже. Как быть?http://schoolleague.ucoz.org/#
0 votes2 answers -
Свойство css
Привет Знатокам ! Подскажите мне пожалуйста - какое свойство в css отвечает за перенос слова целиком если оно не поместилось в блок ? word-wrap , word-spacing -не работали вообще
0 votes12 answers -
bootstrap: переход для 480
помогите пожалуйста решить проблему есть страничка, содержащая 2 блока, расположеных горизонтально. на экранах очень малой ширины эти блоки должны располагаться вертикально для наглядности на страничке определённый цвет фона соответствует определённой ширине экрана. белый фон это интересующая меня малая ширина
0 votes1 answer -
Помогите понять какие стили нужно подправить
Здравствуйте. Есть сайт http://neroceramica.ru / Валится верстка в IE 8 и IE9 , IE 10. Помогите понять какие стили валятся и на что можно и заменить для эксплореров. Заметил что валятся display:inline-block в меню и в списках товаров.( пробовал заменять на *zoom:1;*display:inline; ,но что то не помогает) Так же margin:0 auto не работает в эксплорерах. Какие еще стили нужно подправить для эксплореров ? и не могу понят почему все валиться на левую сторону это валиться ширина или центрирование не работает для ie? Заранее спасибо.
0 votes8 answers -
float не работает как мне надо
Уважаемые коллеги как сделать так чтобы заголовок Два пипеца был не под col-left а в col-right только под ссылками? http://jsfiddle.net/qqkut1e3/
0 votes2 answers -
Ищу слайдер
Ищу такой слайдер. Чтобы под фото менялось название фото, была пагинация и стрелки. Какой более гибкий можно использовать?
0 votes3 answers -
Лучший Thumbnail Slider
Господа, уже много заданий делал с такими слайдерами, но до сих пор никак не могу прийти к одному варианту. Какой вы используете самый проверенный скрипт для вот такого вот типа слайдера? Без цмсковых плагинов. Хэлп плиз, опять встала эта задача, а сёрфить каждый раз и тратить время надоело Верю что есть настоящие спецы
0 votes2 answers -
параметризация тега "P"
Как возможно выполнить параметризацию тега "параграф" - "P"? Если я хочу отобразить текст размером 20, чтбы автоматом межстрочный интервал изменялся. Нужно делать новый стиль "P" для каждого размера, который я используюв проекте?
0 votes6 answers -
Select, как у Amazon
Здравствуйте! Каким образом можно реализовать select, как у Amazon? Суть такая, есть код: <div class="search_wrap"> <form> <div> <select> <option value="1">Позикия</option> <option value="2">Какая-то позиция</option> <option value="3">Ещё позиция</option> </select> </div> <input type="search"> <div> </div> <div> <input type="submit"> </div> </form></div>Элементы расположены в одну строку. Необходимо, чтобы при выборе позиции …
0 votes2 answers -
Как сделать такое?
Как сверстать такую штуку как на картинке? https://2.downloader.disk.yandex.ru/preview/bb355da3b29f1b14faf0a5b771c05c0f/mpfs/GQ_v0KAbgGFSicJ5IvYx1SuMQJ98KJdfNviSWtAErdtct6q1Q7ycULrlHkrmLsgSlnc0k0gAbTCC3DnDIPb3sA%3D%3D?uid=45017258&filename=2123jpg&disposition=inline&hash=&limit=0&content_type=image%2Fjpeg&size=1003x795 если код приведете будет хорошо, если нет, то хотя бы на словах сказать как можно реализовать
0 votes11 answers -
При клике на <area> перегружается окно, но не сама страница
Всем привет, так как это мое первое сообщение на этом форуме, то начну его со слов благодарности к авторам ресурса HTMLBOOK и HTMLFORUM. HTMLBOOK помог мне колоссально разобраться в теме. Ситуация: есть <map> с набором <area> тегов, и у <area> есть арибут href="/mypage". и все вроде работает, но если присмотреться, то при клике на <area> происходит перегрузка окна (приходит нужная страница), но адрес странцы, УРЛ остается в адресной строке прежним, т.е. я фактически остаюсь на прежней странице. не хорошо. подскажите что можно сделать в этой ситуации спасибо
0 votes4 answers -
Как сверстать лучше сверстать блок
Встала вот такая задача сверстать вот такой блок: http://prntscr.com/5sbbku Сейчас это выглядит вот так: http://azharova.ru/test/card_place2.html# Дизайнер предложил делать это с помощью скрипта, например вот такого http://blurjs.com/, но не совсем понятно к какому месту это применять Задача заключается в следующем, необходимо что бы на картинку натягивался градиент (на подобии слайдеров), если правая стороны превысит высоту картинки (она не измена и всегда 370рх)
0 votes14 answers -
Центрирование таблицы, которая шире экрана
Не могу сообразить, гугление что-то не помогает(( Такой вопросик: есть таблица, которая имеет размер, к примеру, 1600px в ширину. А разрешение экрана допусти 1366px. Как средствами css/html отцентрировать таблицу - чтобы была видна её средняя часть?
0 votes3 answers -
подскажите слайдер
нужен такой слайдер http://hostingkartinok.com/show-image.php?id=c11cdb5a7d26f6d65d39cd3390bda000 не могу найти именно такой функционал. что общее количество отображалось, автоплей кнопка была и миниатюры. может кто знает?
0 votes1 answer -
Проблемы с выделением в блоке.
Доброго времени суток. Сложилась такая проблема. В общем, у меня есть блок с размером 400px, в нем есть текст. При выделение текста, выделение заходит дальше за 400px. Как запретить это? Чтобы выделялось только внутри блока. Спасибо!
0 votes2 answers -
Анимация меню
Есть сайт http://odinzzov.com/#/biography он на флеш, там когда кликаешь по меню есть анимация подчеркивания, у одного пункта оно исчезает плавно и у другого появляется. Как можно без флеш такое реализовать?
0 votes6 answers -
2 блока рядом, один фиксированный, другой в % или проблема с "calc"
Значится, такая задача: Есть блок wrapper (черная рамка) - с margin 0 и max-width. Синий блок - задан жестко в пикселях. (допустим 100px) Красный задан : width: calc(100% - 100px);У синего - float right У красного - float left В итоге получается то, что нужно: при сжимании окна по горизонтали, синий блок остается как есть, а уменьшается только красный. Все супер. ===== Далее, когда эту прелесть открываем в Сафари, получается, между блоками образуется белый промежуток. Как оказалось, сафари игнорит width со свойством calc и попросту делает красный блок, шириной с контент, который в нем есть. ===== Вопрос: как можно такое же точно поведение реализовать, без св…
0 votes5 answers -
CSS
Всем пирвет. Начал изучать веб-разработку и столкнулся с проблемками. Не могу запустить вращение текста. Где ошибка? HTML код: <html><head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8" > <title> TITLE </title> <link rel="stylesheet" type="text/css" href="css.css" /></head><body> <p id = "text"> text text text text text text text text text etxt text text </p></body></html>CSS: body {margin: 0;}#text{ margin: 200px 0px 0px 200px; position: absolute; height: 50px; width: 250px; background-color: #FFA500; transition: all 1.3s ease 0.3s; wh…
0 votes2 answers -
Проблема с рисованием border
Сижу уже 2 часа, тупо ничего в голову не приходит) Есть сайт, ширина фиксированная, вот скрин Под и справа сайдбаром можно увидеть border dotted, суть в том, что этот бордер должен продолжаться на весь экран (снизу и слева) не смотря на фиксированный контент. Что же делать? На другой странице точно такая же беда, только на этот раз бордер начинается от заголовка...
0 votes3 answers -
Как реализовать большой адаптаптивный хедер
Люди добрые, подскажите, как реализовать такую адаптацию хедера и навигации для адаптивного сайта (особенно , как перенести "подать заявку", личный кабинет и поиск после навигации на маленьких разрешениях?). Как вариант наверное можно делать 2 навигации и ява скриптом скрывать/отображать нужную? Или без отдельной мобильной версии сайта тут не обойтись?
0 votes12 answers -
Проблемы с fancybox
Здравствуйте уважаемые форумчане! Помогите, пожалуйста, на сайте есть галерея/карусель с кликабельными картинками (fancybox). Все работает только при нажатии на картинку перикидывает в самое начало страницы и там открывает модальное окно. Скажите что не так? Вот сайт - http://www.web-verstka.com.ua/portfolio/smart/
0 votes2 answers -
Контент и разрешения дисплея
Здравствуйте! Подскажите, пожалуйста, существуют ли способы настройки одинакового отображения текстовой информации на одн ом и том же сайте, но при разных разрешениях дисплея? К примеру, чтобы при выравнивании по ширине между словами было одинаковое расстояние при разных разрешениях (от смартфона до демонстрационного широкоформатного дисплея). Заранее благодарю за ответ!
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-