HTML Coding

29542 questions in this forum

1. Помогите разобраться в sass @import

   Здравствуйте! Не могу сделать импорт в sass. Не могу понять в чем дело? По урокам делал, как все показывали, но не выходит! Импорт для оптимизаций и адаптаций сайта

   Asked by azaqwerty, October 18, 2019

   • html
   • sass
   • адаптация
   • css
   • vs
   • code
   0 votes
   2 answers
2. Помогите разобраться в z-index

   Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

   Asked by oke11o, October 26, 2011

   0 votes
   4 answers
3. Помогите разобраться в поведении браузера

   Ребятки, помогите понять почему вот так ведет себя браузер. Есть див со 100% шириной и высотой 50рх. Цвет для наглядности поменял, почему при изменении экрана блок не остается 50рх в высоту? Почему он вместе со всем содержимым сжимается игнорируя четко заданные параметры? Выше 980рх он тянется, а ниже он 980 и не меньше, весь блок просто сжимается в размерах вместе с содержимым. Мне нужно посмотреть как блоки падать будут, куда они съезжаются а оно просто все уменьшило и не понятно что с этим делать. Медиа запросов в коде нету, есть один блок для примера и в css ширина, высота и цвет этого блока.

   Asked by sergei8550, April 12, 2017

   • адаптив
   0 votes
   1 answer
4. Помогите разобраться в чем прикол

   Переделывая контентную часть станицы http://azharova.ru/test/afisha_table.html#, столкнулась с такой проблемой. При удалении line-height и добаваление marginссылка как будто перестает существовать, при наведении мышки ничего не происходить как будто картинка. P.S. приходится копаться в чужом коде, логика у которого по-моему отсутствует Все нашла злодея А ларчик просто открывался. Оказывается предыдущий верстальщик выставил всем формам width: 100%, да еще и спозиционировала я ее. в итоге вышло наложение которое собой закрывало ссылку вот вся эта затея и не работала. P.S. Сама вопрос задала, см ответила... Приятно поговорить с умным человеком

   Asked by Anna Zharova, June 4, 2014

   0 votes
   2 answers
5. Помогите разобраться в чем проблема с PerfectPixel

   Добрый день! Воюю с позиционированием по центру экрана, вернее, блока wrapper-a. Решал задачу через свойство "position". Задал wrapper-y relative, а дочернему блоку, который и нужно отцентрировать, само-собой, absolute.Задал отступы слева, сверху по 50% и margin -top, -left по отрицательной половине высоты и ширины дочернего блока. И тут возникает проблема-открыв шаблон и свою верстку в PerfectPixel увидел несоответствие по отступам сверху и слева. А ширина и высота самих блоков целиком совпадают. Отступы у родительских блоков(внешние и внутренние) у меня убраны. И попытка поиграться со значениями успеха не дает.

   Asked by Super_Saimon, September 24, 2017

   • perfectpixel
   • позиционирование блока
   0 votes
   12 answers
6. Помогите разобраться начинающему.

   Изучаю HTML5->CSS3->Javascript. Всё чаще в интернете встречаю LESS, JQuery, AJAX, Angular, Bootstrap и т.д. и таким образом совсем запутался что есть что. Насколько я понял LESS это типо CSS файл где значения прописаны в виде переменных. Bootstrap вообще не понял для чего нужен. С JQuery чуток легче это вроде как библиотека для Javascript где многие функции уже готовы и не надо заново изобретать велосипед. Читал статьи где народ пишет что не надо учить Javascrip, а надо учить Angularjs, в другой говорят чтобы забей на CSS и учи Bootstrap. Помогите разобраться в современных технологиях. В какой последовательности учить и что именно учить чтобы претендовать на должно…

   Asked by cryptus, March 10, 2015

   0 votes
   1 answer
7. Помогите разобраться новичку

   Сайт с видеопоздравлениями. Цена поздравления допустим 1 го ребенка 199 руб. При добавлении 2го ребенка в форме заказа цена должна увеличиться допустим на 100 рублей. Но ценник настроен на другую сумму и как его поменять понятия не имею. В index.html можно редактировать только начальный ценник на одного ребенка. При добавлении 2 го нет такой строчки и цены которую можно поменять. Открываю в браузере исследовать элемент там все открывается и меняется только как сохранить и куда вставить.

   Asked by романн, November 9, 2017

   0 votes
   1 answer
8. помогите разобраться почему контент наесжает нафутер

   Добрый день, подскажите как отобразить правый блок, что он не вылазил за пределы контента и не налазил на футер?ниже код + картинка с ситуацией и оригинал как должно быть.http://pixs.ru/showimage/Poluluxpng_2006138_13481157.png то что получилосьhttp://pixs.ru/showimage/VillaSanMa_6140906_13481174.jpg PSDв центральном блоке бэкраунд - картинка по высоте 700пикс. как в псд. проверял по высоте и отступам каждый блок все задано правильно! Спасибо за помощь! http://jsfiddle.net/mrfrunze/ogn360n6/9/

   Asked by mrfrunze, August 19, 2014

   • css
   0 votes
   5 answers
9. помогите разобраться с input

   Встретил вот такую конструкцию <input name="ctl00$cph1$UserName" type="text" id="ctl00_cph1_UserName" подскажите, что означают $ в определении имени тэга input , и как этим можно пользоваться. Я так понял , что $cph1 и $UserNam - это две переменные, в которых хранятся части имени. Как их можно определять и где вообще об этом почитать?

   Asked by Vahmur, December 4, 2010

   0 votes
   8 answers
10. Помогите разобраться с "clear"...

    Верстаю шаблон для Joomla и столкнулся с такой проблемой: все материалы в начале содержат картинку с float: left и высота этой картинки больше высоты блока с текстом. Изза этого картинку обтекает не только текст, а еще и весь блок следующей новости: http://yadi.sk/d/NfElKboeHjA6k Если же разделителям которые идут после каждой новости я прописываю clear: both, то казалось бы все работает, но первый же разделитель опускается до той линии где кончается левый сайдбар (красная линия на рисунке), оставляя много пустого места: http://yadi.sk/d/qgE-7ATtHjAWv Подскажите как сделать так чтобы новости выводились нормально, не обтекая картинку из предыдущей новости и не оставляя …

    Asked by XAHTEP26, February 11, 2014

    0 votes
    5 answers
11. Помогите разобраться с @media screen

    Запуталась с @media screen Эта строчка @media screen and (min-width: 320px) and (max-width: 480px) означает: что стили будут применяться при минимальной ширине экрана 320px и максимальной ширины 480px, я правильно понимаю? Я проэксперементировала и получилось что эти стили применились к: 320 × 480 Телефон(портрет) 480 × 320 Смартфон (ландшафт) 480 × 800 Планшет (портрет) Вопрос: как мне к ним применить разные стили. Пробовала так, по отдельности: @media screen and (max-width: 320px) { ...} @media screen and (max-width: 480px) { ...} @media screen and (max-width: 800px) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…

    Asked by Alfa2015, July 4, 2015

    0 votes
    3 answers
12. Помогите разобраться с background url

    Здравствуйте, Не могу найти причину отсутствия подгрузки подложки для формы поиска. Вот так все работает: background: #EEE url(https://lh4.googleusercontent.com/-EllJnywnmlY/UAaKJYSYYMI/AAAAAAAABUU/IaRo-yUcRmc/s235/search.png) no-repeat; Копирую картинку себе на пк, меняю путь: background: #EEE url(img/search.png) no-repeat; И картинка уже не подгружается. Помогите люди добрые

    Asked by Feel, March 17, 2013

    0 votes
    2 answers
13. Помогите разобраться с border для div

    Доброго времени суток! Есть два div`а: в одном большая картинка, в другом превьюшки. Для второго div назначен стиль border. Проблема в том, что border рисуется не вокруг самого div, а как отдельный элемент. Под спойлерами исходники и скрины. Так отображается в ФФ 11, Хром 17, Опера 11.62. Если вставить в HTML нужного div картинку самому(не яваскриптом), то результат не меняется Картинки HTML-код CSS-код javascript-код, отвечающий за создание превьюшек

    Asked by maxmaster, April 18, 2012

    0 votes
    4 answers
14. Помогите разобраться с CSS

    Создал себе блог на платформе Octopress. Захотел изменить тему по умолчанию. Но видимо я сильно отстал от развития CSS. Ибо столкнулся с непонятными конструкциями, вроде этих: $link-color: lighten(#165b94, 3) !default;$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -4) !default;$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;При этом цвет ссылки a:hover #0181eb, а этого цвета я в стилях не нахожу... Был бы очень благодарен, если бы кто-нибудь помог бы мне разобраться, как редактировать подобные стили? И где искать значения цветов? Вот…

    Asked by Nigelist, December 31, 2015

    • css
    • octopress
    0 votes
    3 answers
15. Помогите разобраться с css

    Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так? #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }

    Asked by Frikker, June 12, 2017

    • css
    • web
    • новичку
    • помогите
    0 votes
    8 answers
16. помогите разобраться с div

    В общем, нужна помощь, незнаю что делать. имеется такой код <div id="container"> some code... </div> #container{ padding-left:18px; position:relative; } В этот div надо запихнуть таблицу (можно ее поместить в другой div) что бы параметры id="container" не касались ее(таблицы), пробовал и вписывать с другим id не помогает... Подскажите как такое релизовать?

    Asked by Dukalis, January 6, 2009

    0 votes
    9 answers
17. Помогите разобраться с div и span

    Уважаемые знатоки, помогите решить две проблемы. 1)Я сформировал массив в javascript, но не могу вывести его в поле <span>. Выходит только последний элемент массива, а нужны все. 2) Есть поле <span>. Туда добавляются разные элементы массива, но поле остается того же размера (а должно увеличиваться). Как сделать так, чтобы <span> увеличивался при увеличении выводимого массива.

    Asked by Илья1995, December 4, 2016

    • div
    • span
    0 votes
    1 answer
18. Помогите разобраться с float

    Здравствуйте! пожалуйста помогите разобраться с задачкой с которой мне пришлось столкнуться. Задача тривиальная, создать блок в котором будут ещё два блока.Вопрос в следующем, почему при увеличении текста в левом блоке блок включающий его не увеличивается, а текст залезает на следующий блок.А ведь по идеи фон должен растягиваться вместе с вложенным в него блоком http://savepic.su/535000.htm <div id="content"> <div class="container_content"> <div id="main">"On the other h...</div> <div id="sidebar">...</div> </div> </div> http://savepic.su/543194.png Заранее благодарен.

    Asked by web_body, October 28, 2011

    0 votes
    5 answers
19. Помогите разобраться с gridом

    Привет всем, осваиваю grid верстку. Начал верстать макет И сразу поперли непонятки. Вопрос про контейнер с классом .article в него вложены 20 контейнеров с фиксированными размерами, которые должны образовывать красивую сетку с равными расстояниями между блоками. grid-column-gap: 10px; grid-row-gap: 10px; Однако, в результате имеем различное расстояние. А если менять масштаб в браузере - совсем жесть получается. Скрины прилагаю. Вопрос один - где я НЕ ТАК?

    Asked by GRAY, February 23, 2021

    0 votes
    4 answers
20. Помогите разобраться с header и footer

    Прошу, пожалуйста помогите разобраться как сделать чтобы header и footer оставались на своих местах а вот их фон был на всю ширину окна. http://yadi.sk/d/CXQwWWiXGawfY В архиве лежат картинки на них отоброжено примерно чего хочу добиться. Картинка1-Как должно оставаться меню Картинка2- Как должен быть фон Картинка3- Как в итоге должен быть сайт

    Asked by MadSkill, January 23, 2014

    • header class footer CSS HTML
    0 votes
    5 answers
21. Помогите разобраться с margin

    Собственно только начал осваивать верстку и сразу попал в тупик с выравниванием блоков. Я хочу чтобы внутрение блоки имели отступы между собой и от границы родительского блока. Покажу лучше на примере. Вот что нужно: И вот что имею: Если задать padding родительскому блоку(класс item_list) то отступ от границ получиться margin + padding. Сам код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="t…

    Asked by Inf1k, May 4, 2011

    0 votes
    7 answers
22. помогите разобраться с php !!!

    Статический сайт поставили на "движок"php. Делали удал?нно и сейчас, похоже, недоступны. Остались вопросы по управлению - не знаю где посмотреть информацию. Если со статикой вс? элементарно решалось заменой html-кода в определ?нных файлах на ftp-сервере, то здесь хз где что менять.... Сайт работает, панель управления тоже, но нужно кое-что поправить в в?рстке, а куда лезть (где тот самый код) - не понятно. Фрилансер сказал, что вс? просто и похоже со статикой, после чего пропал Подскажите, плиз, как разобраться в ситуации, либо где черпнуть информацию (типа подучиться).

    Asked by NAS 750, December 17, 2007

    0 votes
    6 answers
23. Помогите разобраться с selectс

    Всем доброго дня! В общем, решил сделать переход между категориями сайта при помощи select, так как их достаточно много. Всё получилось, куда надо переходит, но, к сожалению, не сохраняет выбранный вариант при переходе в категорию. Там точно такой же код. <select size="1" onchange="window.location.href='http'+'://site.ru/mon/'+this.options[this.selectedIndex].value+'-0'"><option value="0" style="color:#A3A3A3;">- Категория -</option><option value="1">Выживание</option><option value="2">Креатив</option><option value="3">PVP</option><option value="4">Whitelist</option><option value="5">Без PVP</opt…

    Asked by Багдыч, May 3, 2014

    0 votes
    5 answers
24. Помогите разобраться с tabs

    Есть такой http://www.optimaservis.su/reagenty/ каталог на Табах. Когда посетитель кликает на ссылку подробно на товаре в табе ROCKMELT, а затем возвращается назад из-из checked он по опять попадает во вкладку Аквайс что надо сделать чтобы клиент перешедший на вкладку ROCKMELT и посмотрев подробное описание товара, при нажатии кнопки назад в браузере попадал назад во вкладку ROCKMELT? В самих каталогах обратные ссылки расставлены якорями... Ссылка на код тут http://jsfiddle.net/aLebxaxu/2/ Всю голову сломал второй день ковыряю. Какие средства для этого использовать не важно главное чтоб правильно работало и была возможность добавить еще вкладок...

    Asked by Sargon777, September 25, 2014

    • таб
    • tabs
    • навигация для таб
    • каталог на tabs
    0 votes
    6 answers
25. помогите разобраться с transition

    Всем здравствуйте. Прошу помощи, ни как не пойму как осуществить чтобы блок с текстом опускался при наведении на .top (сейчас он начинает двигаться при наведении на .overlay а если навести ниже на черный фон то магия заканчивается) Может принципиально не тем свойством пользуюсь? или просто не так его применяю? ни как не разберусь. Вот код http://codepen.io/mikhail09/pen/OMvOae

    Asked by Mixail.09, January 26, 2016

    • transition
    0 votes
    4 answers