HTML Coding

29,542 questions in this forum

1. Помогите разместить картинку рядом с переключателем слайдов

   Здравствуйте ! Помогите разместить картинку (next.png) рядом с переключателем слайдов как показано на изображении. При этом, чтобы она никуда не съезжала при изменении разрешения монитора. Верстку слайдера можно посмотреть по ссылке (https://www.dropbox.com/sh/0xnl4z68q0pw9q3/AABctWVsS1GpQD5hgvbplXtsa?dl=0) и там же скачать как zip-архив. Заранее большое спасибо !

   Asked by 964758, October 29, 2015

   0 votes
   2 answers
2. Подгон под размер экрана.

   Тема такая: есть сайт http://skin-game.ru/. Как сделать, чтобы на экранах с другим разрешением подгонялись все элементы. Проблемы возникли с слайдером и кнопками.

   Asked by SadRat, October 30, 2015

   • Подгон
   0 votes
   2 answers
3. Пункт меню при наведении

   Вот код: http://jsfiddle.net/49uM3/ Проблема: при наведении на пункт меню "Услуги" появляется выпадающее меню, а сам пункт "Услуги" при наведении выделяется серым цветом, НО когда курсор убираешь то пункт "Услуги" становится белым, а не СЕРЫМ! Нужно, чтобы он оставался серым цветом, пока пользователь проводит курсором по выпадающему меню. Подскажите, как это осуществить? Спасибо.

   Asked by Alfa2015, October 31, 2015

   0 votes
   2 answers
4. Как лучше всего сверстать такой макет?

   Всем привет. Вот код http://jsfiddle.net/u8auj81g/2/. Мне нужно по вот такой вот незамысловатой "сетке" выравнивать картинки относительно текста. Еще есть место где с двух сторон абзаца будут картинки которые не должны превышать в ширину 245px; Кроме того и у картинки и у её описания может меняться вертикальное выравнивание (там в коде это для каждого элемента inline сделано). Собственно, меня волновал вопрос, откуда берется пустое пространство в описании к IMG4? Но пока воспроизводил ситуацию в фидле - понял откуда оно берется. Теперь мой вопрос звучит так: как мне это пустое пространство победить? Что бы не делать position: absolut; что бы все так же и осталось с float…

   Asked by nkl90, October 31, 2015

   0 votes
   2 answers
5. Увеличивается шапка при выпадающем окне

   Здравствуйте! Вопрос: при нажатии на кнопку появляется выпадающее окно...проблема в том, что при раскрытии увеличивается шапка сайта. Как сделать, чтобы шапка не увеличивалась. Чтобы было понятнее можно просмотреть на примере

   Asked by Alfa2015, November 1, 2015

   0 votes
   2 answers
6. CSS отказывается работать/отображаться.

   Здравствуйте. У меня возникла проблема и я попробую ее объяснить. Дело в том, что у меня отказывается подключаться/отображаться css к html. В коде ошибок нет, вроде все правильно подключаю, а результата нет. Буду очень благодарен если поможете. Скриншот - http://hostingkartinok.com/show-image.php?id=e630d03148bf4d2babe81fedd6c098ae

   Asked by Zloi_Pain, November 2, 2015

   • CSS HTML
   0 votes
   2 answers
7. Скрыть кнопку выбора у <input type="file">

   Возможно ли скрыть только кнопку выбора файла у <input type="file">,а название выбранного файла оставить видимым?

   Asked by user, November 3, 2015

   0 votes
   2 answers
8. Как реализовать наклонные ленты через всю высоту страницы?

   Всем привет! Есть макет лэндинга (в данном случае, только схема для демонстрации. Горизонтальные разноцветные блоки - это секции лэндинга): Через всю его высоту проходят ленты. Хотел помудрить с градиентами - что-то вроде этого. Но тут проблема в том, что ленты идут не только из края в край, но и через середину секций. При этом у них разный цвет и они должны подстраиваться под разное количество контента в секции. Как реализовать задуманное?

   Asked by monochromer, November 4, 2015

   • html
   • css
   • landing page
   • лэндинг
   0 votes
   2 answers
9. Помогите с формой подписки

   Здравствуйте, пытаюсь довести до ума бесплатный шаблончик лендинга с одного зарубежного сайта. Вот такая форма подписки там прописана: <!--MAILCHIMP FORM START--> <div class="mailchimp"> <form action="post.php"><!-- #NOTE: Replace this with your Mailchimp action URL --> <input type="text" value="" name="FNAME" id="mce-FNAME" placeholder="Ваше имя" required> <input type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="Ваш Email" required> <input type="submi…

   Asked by amarey, November 4, 2015

   0 votes
   2 answers
10. не корректно работает display:none

    Добрый день. Есть желание сделать такое меню: http://batprom.ru/ при наведении на изображение, изображение уезжает и появляются ссылки. Пробую это реализовать через :hover {display:none;}. Навожу на картинку, она исчезает и при малейшем движении мышки появляется вновь. В чем может быть проблема, подскажите пожалуйста. Сайт на локальном хостинге, ссылку не могу дать.

    Asked by amfik, November 5, 2015

    0 votes
    2 answers
11. не работает выпадающее меню

    Есть горизонтальное меню на сайте http://www.atlasokon.com.ua/vibor.htmlвсе работает. Пытаюсь перенести это же меню в раздел каталога http://www.atlasokon.com.ua/catalog/compare.phpменю не хочет выпадать. Подскажите в чем проблема и где копать?

    Asked by zulus, November 5, 2015

    • выпадающее меню
    0 votes
    2 answers
12. hosts не видит один из адресов

    помогите пожалуйста настроить /etc/hosts использую apache2. создал 2 сайта. /var/www/html/site1.ru/index.html:<div>site1</div> /var/www/html/site2.ru/index.html:<div>site2</div>конфиги: /etc/apache2/sites-available/000-default.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site1.ru ServerNmae site1.ru Alias www.site1.ru </VirtualHost> /etc/apache2/sites-available/site2-config.conf: <VirtualHost *:80> DocumentRoot /var/www/html/site2.ru ServerNmae site2.ru Alias www.site2.ru </VirtualHost>в файле /etc/apache2/apache2.conf есть строка: ServerName localhost/etc/hosts: 127.0.0.1 site1.ru127.0.0.1 www.site1.r…

    Asked by cyklop77, November 5, 2015

    • apache
    • hosts
    0 votes
    2 answers
13. Блочный внутри блочного

    Почему когда создаешь параграфы внутри тега параграф браузеры FF, Chrome параграф-родитель отрисовывают (и делают отступы) как два параграфа сверху и снизу параграфов-потомков? Вот пример http://codepen.io/anon/pen/vNzPLV?editors=100#0 Попробуйте заменить дочерние теги параграфы на блоки div (без отступов) - все останется по-прежнему: снаружи будет два соседних вместо одного родительского тега параграф. Почему?

    Asked by hike, November 6, 2015

    0 votes
    2 answers
14. Трансформация блока

    Здравствуйте. Нужна консультация, как правильно скрутить блок под Bootstrap Разбирал примеры с использованием transform, так же хотел сделать через псевдоэлемент, скрывая border-bottom. transform: skew:after

    Asked by Omega24v, November 6, 2015

    • css
    0 votes
    2 answers
15. Проблема с блоками <div>

    Подскажите! Я начинающий. Есть background на весь экран, есть блок "DIV" с отступами по 300 от сторон( тоесть DIV посередине) внутри этого блока все блоки идут по порядку, и я не могу поставить два блока рядом друг с другом. если я создаю блок он растягивается на ширину DIV с 0 размерами по высоте, и соответственно другой блок ставится под ним или над смотря где в HTML. Работаю с nodepad++ http://c2n.me/3pY216T Хочу добавить, что в статье "правила форума", при регистрации, небольшая ошибочка в 7ой строке, слово большое. Ещё, я начал своё дело в Nodpad++, dreamweawer, яндекс браузер(firebug) и drupal. Может у кого найдутся рекомендации по этому поводу, или этот вопрос …

    Asked by СашкаСанёчек, November 7, 2015

    0 votes
    2 answers
16. Cайдбар съехал

    Ребята,здравствуйте! Не могу понять почему у меня сайдбар съехал под сам блок контентом. Указал Float:left контенту, а float:right сайдбару, указал размеры блоков,всеравно не хочет подниматься наверх..Помогите, гуру верстки Вот Скрин

    Asked by JumpSnoopy, November 8, 2015

    • #sidebar
    • float:left
    0 votes
    2 answers
17. избежать конфликта адресов

    помогите пожалуйста пинками разобраться в вопросе допустим, что я купил выделенный виртуальный сервер и решил выложить сайтики в web. какой минимум действий нужно для этого совершить? доупустм, я зашёл на свой сервер, поднял там apache(с модулем php), mysql. затем закинул сайты в определённый каталог. затем настроил конфиг апача так чтобы он смотрел в этот каталог. для экспериментов на локальном сервере этого хватало. проблема в том, что на локальном сервере я мог в ServerName использовать любые адреса(хоть google.com). но в web часть адресов занята. подскажите пожалуйста что ещё нужно установить и настроить чтобы избежать конфликтов адресов

    Asked by cyklop77, November 9, 2015

    0 votes
    2 answers
18. Резервируется место под всплывающее меню(

    Доброго времени суток. Помогите, пожалуйста, понять в чем же тут дело. Вставила на сайт меню со всплывающем подменю и под это подменю на странице резервируется место, хотя не должно. Адрес страницы - http://gruz78.ru/arhangelsk.php css для меню: ul { display: block; margin : 170px 0 0; padding: 20px 0 0; list-style: none;}ul:after { display: block; content: none; clear: both; float: none;}ul.menu > li { float: left; position: relative;}ul.menu > li > a { display: block; padding: 10px; color: #cc3300; background-color: white; text-decoration: none; border: 1px solid red;}ul.menu > li > a:hover { background-col…

    Asked by lampo4ka, November 9, 2015

    0 votes
    2 answers
19. Проблема с установкой часов

    </a></li> </ul> </div> </li> <li><span class="aclink"><b>Время</b></span> <div class="accontent"> <ul class="reset"> <li><a href="../i112.photobucket.com/albums/n192/ipblocker/clocks/10.swf" tppabs="http://i112.photobucket.com/albums/n192/ipblocker/clocks/10.swf"width="200" height="200" wmode="transparent" ><center><embed src="../i112.photobucket.com/albums/n192/ipblocker/clocks/10.swf" tppabs="http://i112.photobucket.com/albums/n192/ipblo…

    Asked by furaixp, November 10, 2015

    0 votes
    2 answers
20. Как прикрепить футер к низу внутри элемента див

    Здравствуйте. Возникла проблема - нужно прибить один div к низу другого div. Использовал в стилях div (который надо прибить) position: absolute;bottom:0;width:100%;text-align:center;color:#FFF;А в стилях внешнего (обёртки) div: html, body { width: 100%; height: 100%; margin: 0; background:#000;}#bg1 { width: 100%; height: 100%;}При изменении размеров экрана текст, который прикреплён к низу может налезть на текст, который находится выше "футера". Как ограничить максимальный подъем футера? (то есть доходит до опредедленного значения/места и перестает подниматься вместе с окном браузера)? Спасибо .

    Asked by bvy15963, November 10, 2015

    0 votes
    2 answers
21. Ruby on reils уже не актуально?

    Извините ,если я прослоупочил все , но интересно от старших товарищах услышать их мнение по данному языку ruby , фреймворку(ruby on reils) ? стоит ли их начинать изучать? актуальны ли они ? вроде спрос есть , как в гугл введешь запрос , но по сути ,если полазить ,то часто встречаешь спрос на питонов с пшп ... вывод напрашивается , либо язык не востребованный , либо представителей нет ...Если вы есть на форуме напишите ,как у вас дела , что с работой , умирает ли этот язык или есть у него еще будущие ?

    Asked by rootnoob, November 11, 2015

    0 votes
    2 answers
22. Иконки

    Добрый день!Подскажите, откуда подтягиваются иконки гамбургер-меню и close в этом примере? http://codepen.io/g13nn/pen/eHGEF

    Asked by Кнопа, November 13, 2015

    0 votes
    2 answers
23. Правильно ли я сделал верстку под разные мониторы?

    Сайт http://burzhuy.org/deal/ Проблема с первым "блоком", где изображен мужчина по имени Гейб с облачком На родительский блок gabe фоном ставлю цельное изображение Гейба с облачком background: transparent url("/deal/img/gabe_big2.png") no-repeat scroll center center / cover;Потом идет меню, блок с текстом, который должен находиться и кнопка. Блок с текстом при разных разрешениях монитора будет скакать, поэтому я сделал такие правила для этого блока. Еще этот блок растягивает родительский блок так чтобы фон не был маленьким или очень большим @media (min-width: 768px) { .cloud { padding: 6% 58% 10% 8%; } .cloud p { font-size: 15px; } .cloud span { font-s…

    Asked by afagorn, November 13, 2015

    0 votes
    2 answers
24. вопрос про круглые края и про шапку

    Друзья,у меня вот такая шапка : http://savepic.su/6550823.jpg как мне закруглить края верхние те ,что на рисунке или спрятать их под шапку? а то у меня только нижние края закругляются ) http://savepic.su/6505764.jpg

    Asked by severianin, November 16, 2015

    0 votes
    2 answers
25. Псевдоэлемент :before и z-index в ie8

    #main { background-color: #fff; border-radius: 15px; border: 1px solid #d5d5d5; display: block; height: 1000px; margin-top: 7px; position: relative; width: 948px;}#main:before { content: url(../images/top-shadow.png); display: block; position: absolute; top: -10px; z-index: -1;}<div id="main"></div> Здравствуйте. Подскажите пожалуйста, как заставить работать z-index в псевдоэменте ( :before ) для браузера ie8. Основная задача заключается в том, что нужно поместить подложку ( в данном случаи тень овальной формы ) под основной элемент ( #main ). В "нормальных" браузерах данный код работает. В ie8 подложка "выезжает" на передний план.

    Asked by poseidon, November 16, 2015

    • html css z-index :before
    0 votes
    2 answers