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
-
Помогите с видом меню.
Всем доброго времени суток! Подскажите плиз, как сделать такой вид кнопки в форме. Заранее спасибо
0 votes5 answers -
Адаптивные картинки в статьях страницы
Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…
0 votes3 answers -
Разворот одной картинки в другую
Добрый вечер всем! Подскажите пожалуйста какой-нить скрипт желательно js, чтобы при наведении мышки на фото оно разворачивалось по горизонтали и менялось на другое фото. Что-то типа вот этого: http://shpargalkablog.ru/2012/01/pri-navedenii-na-kartinku-ona.html. пробовал вставлять - не получилось. МОж. чего не доделал.??? . Я в яве как-бы не спец вообще, скопировать могу....а.... Спасибо!
0 votes8 answers -
как сделать блок для новостей ...
как сделать такой новостной блок.... с верху было стрелка и снизу...
0 votes5 answers -
C чего начинается родина, верстка?
Всем привет, я начинающий верстальщик, подскажите с чего начать? Я хочу научиться верстать любые несложные сайты в одиночку, иногда лично создавать дизайн с помощью фоторедакторов.
0 votes5 answers -
Пропадает правая колонка
Всем доброго времени суток, столкнулся с проблемой. Понимаю что решаться она должна просто, но все же: При вставке блока комментов соц сетей, пропадает правая боковая ячейка (сайт сделан при помощи <table>). Сам блок: <br><h3><font size="5">Ваши комментарии:</font></h3> <section class="tabscomment"> <input id="tab_2" type="radio" name="tab" checked="checked" /> <input id="tab_3" type="radio" name="tab" /> <input id="tab_4" type="radio" name="tab" /> <label for="tab_2" id="tab_l2">Вконтанте</label> <label for="tab_3" id="tab_l3">Facebook</label&…
0 votes7 answers -
Ищу ментора или курсы по созданию сайтов
Ищу ментора по веб-разработке. Готов работать бесплатно или платить за обучение. Главное, что бы я мог потом зарабатывать.
0 votes0 answers -
background в iframe
такая вот проблема: есть страничка с рисунком (градиент зеленоватый такой), в левой части находится iframe с текстом внутри. В мозиле и опере все нормально (фон "общий") а вот в IE фон - белый цвет. если сделать в страничке, которую подключаем в iframe, фоном этот градиент, то это очень заметно, виден кусок с другого места. как решить проблему?
0 votes1 answer -
Полоса прокрутки
Всем привет, есть сайт, ширина сайта 960px, но при заходе на сайт всегда появляется горизонтальная полоса прокрутки, хотя если ее прокрутить вправо то там ничего нету. Проверял firebug'ом нигде никакие блоки не вылазят все четко. Что можно сделать или как определить от чего это происходит? Еще если зум уменьшать то они пропадают конечно же) Рисунок для наглядности
0 votes2 answers -
Position:fixed и overflow
Надо чтобы блок c position:fixed (или эмуляцией) скроллился вместе с body при достижении min-width... JS тоже будет уместным
0 votes2 answers -
frameset и баг скролла ie6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-transitional.dtd"> <html> <head> </head> <frameset rows="*,0" border="0" frameborder="no"> <frame marginheight="0" marginwidth="0" scrolling="no"/> <frame id="2" marginheight="0" marginwidth="0" scrolling="auto"/> </frameset> </html> В id = 2 грузится контент. Если по высоте контент не помещается, то естественно появляется вертикальный скролл. НО. в ие6 вдобавок ко всему появляется еще и горизонтальный скрол. Вопрос: как убрать горизонтальный скролл, учитывая, что при разрешении …
0 votes5 answers -
css оформление цитаты
Приветствую, всех! В нете примера такого решения оформления цитаты не нашёл, а сам не догоняю как такое сделать: Вот, как такое записать в стиль?: Чтоб в блоке слева был автор, а сама цитата дистанцировалась от фамилии и выравнивалась слева, не заползая под фамилию. На цвета сайта прошу не смотреть, я в экспериментах Чтобы объяснить, что я хочу, для скрина я сделал так: blockquote { font-style:italic; background-color:#333333; color: #f9d649; margin-left: 45px; text-align:justify; font-size:17px; } .chel { color: #FF0; margin-left: 10px; font-weight: bold; font-style:normal; } html полностью не привожу, так как там пробелов миллион, только принцип: <blockquo…
0 votes4 answers -
Можно ли добиться выпадения боковых margin потомков за границы родителя?
Здравствуйте. Пример кода здесь: http://jsfiddle.net/vB4wZ/. Задача: вывести 4 float блока в родителе с фиксированной шириной, по 2 блока в "строке", чтобы между блоками было расстояние. Правый край блоков в "правом столбике" должен, разумеется, "соприкасаться" с правым краем родителя. У блоков один класс (блоки генерируются движком) и поэтому задать им разные стили нет возможности. Отступ между блоками реализуется правым маргином. Проблема: из-за margin'ов блоки не помещаются по два в родитель с фиксированной шириной и выстраиваются один под другим. Мое решение(реализовано в примере, показанном выше): завернуть блоки в дополнительный див, имеющий ширину бОльшую, чем роди…
0 votes3 answers -
кеп в недоумении О_о
<!DOCTYPE html> <html> <head> <title>сайт </title> <style src='program/index_style.css'></style> <meta charset='utf-8'> </head> <body> <div id='cap'> <div id='indexButton'>ололо</div> </div> </body> </html> вот такой вот небольшой кодик. файл index_style.css находится там где ему положено. однако ни одного стиля невидно. адрес указан правильно проверял 100500раз. валидатор W3C показывает ошибку так: <style src='program/index_style.css'></style> Line 5, Column 39: Attribute src not allowed on element style at this point. <style src='program/index_style.css'>…
0 votes5 answers -
Верстка адаптивного слайдера
Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…
0 votes2 answers -
Слайдер
Здравствуйте. Нуждаюсь в слайдере, который бы ещё выводил такое "Картинка 1 из 4", например. http://joxi.ru/Zh0PVIwyTJDNAmfxY0s Или подскажите, как прикрутить к уже существующему слайдеру? Спасибо. А, всё. Неправильно искала.
0 votes2 answers -
html, body {height:100%;}
Доброго времени суток, проблема у меня вот в чём: есть сайт http://www.lol.domstroi69.ru/proekti.html, ему задано html,body{height:100%//задал для того чтобы на мониторах разной высоты всегда была голубая полоска на всю высоту экрана}#wrap{height:100%;position:relative;}left-barBox{width:50px;backgeound-color:blue;height:100%;position:absolute;left:20px;}#footer{position:absolute;bottom:0;right:0;// футер который должен всегда находится внизу}Проблема в том, что когда я уменьшаю окно бразуреа по высоте или начинаю добавлять изображения в див с id='contentBox' у меня получается вот такая вот Ху... Всё конечно исправляется если я не указываю высоту html,bod…
0 votes4 answers -
Ховер на несколько объектов
нужно сделать что бы ховеры на тесте и маркере сробатывали одновременно, как это можно реализовать? http://jsfiddle.net/8b8afr84/
0 votes2 answers -
2 <p> с одним стилем отображаются по разному
Есть страничка http://florushka.com/feedback.php В голубых и желтых блоках одинаковый размер шрифта (14px, задан, собственно, одной и той же строкой в css). Проблема в том, что на телефоне один из них увеличивается, другой нет. Никак не могу понять, в чем магия Кто с таким сталкивался ? Есть идеи, в чем косяк ? Спасибо
0 votes1 answer -
Автопрокрутка в карусели работает неправильно
Здравствуйте! Подскажите, пожалуйста, в чём проблема Есть блок, который изначально скрыт, в него вложена карусель, для которой задана автопрокрутка. Но автопрокрутка начинает работать только если сначала нажать на стрелочку. Дело именно в том, что блок скрыт? Как это можно исправить? Вот ссылка на страницу: http://develop.artedivina.ru/NEW/korzina-new.html
0 votes2 answers -
Поделитесь опытом
Доброго времени суток. По неопытности не получается сверстать элемент http://static2.keep4u.ru/2016/02/07/BEZIMENI-2.jpg Проблему вижу в том, что не понимаю каким должен быть конечный результат,то есть что ссылкой а что просто статическим элементом. Буду признателен,если кто-то накидает свой вариант
0 votes3 answers -
Изменение адреса 2-го уровня
Уважаемые господа, Я человек далекий от веб-программирования, поэтому изъяснюсь как получится, по возможности понятно На главной сайта есть некий текст Х. В редакторе wordpress во имя SEO я заменил его адрес 2-го уровня, не осознавая до конца необдуманности поступка (хотя есть вероятность, что и не менял, но она мала). Теперь этот текст оказывается на новой странице, которая не нужна, а текст на главной не меняется, потому что он как-бы уже и не там. Уважаемые знатоки, как быть?
0 votes1 answer -
Drag and drop на чистом css
Узнал про новое свойство -webkit-user-drag, то, что с помощью него можно перетаскивать элементы и решил попробовать, но почему не перетаскивается? https://jsfiddle.net/d4kgzac1/
0 votes1 answer -
конвертер из html в pdf
посоветуйте пожалуйста конвертер из html в pdf. бесплатные онлайн-сервисы очень плохо конвертируют. а платные оставляют водяные знаки
0 votes0 answers -
Заднее изображение, hover и filter
Всем доброго времени суток. Хотел бы узнать, как иконки, которые находятся на картинке, при наведение сделать оригинальными, без наложений других эффектов на них. Прилагаю код на первого блока. <div class="project-block project-block_1"><div class="project-block__img"> <div class="project-block__img_link"> <a href="#"></a> </div> <div class="project-block__img_lupa"> <a href="#"></a> </div> <img src="img/projects/photo1.jpg" alt=""> </div> <div class="project-block__descr_block"> <h1 class="project-block_title">Claritas Etiam Processus…
0 votes5 answers