HTML Coding

29,542 questions in this forum

1. Позиции блоков div

   Всем привет. Нужна помощь. Допустим у меня есть два блока, один красный, другой зеленый. Зеленый блок находится над красным. Но когда я задаю красному блоку position: absolude;, зеленый блок становится под ним... Как это исправить? При этом position: absolude нужно указать обязательно...

   Asked by DenjBoss, September 9, 2015

   • div
   0 votes
   8 answers
2. Конструкция display:table + display:table-cell добавляет 9px к высоте

   Всем привет. Имеем html: <ul> <li> <a href="">Ткани</a> </li> <li> <a href="">Металлические карнизы</a> </li></ul>Имеем css: ul{ display: table; width: 100%; }ul li{ display: table-cell; width: 13%; line-height: 1.2em; border-left: 1px #30d2cc solid; height: 50px; }ul li a{height:50px;display:block;} У элемента <a> с высотой все хорошо и она равна 50px. У <ul> и <li> высота 59px. Подозреваю, что особенность конструкции display:table + display:table-cell и нужно дописать какие-то стили. Вопрос — какие? Буду благодарен за любую помощь.

   Asked by goooooch, September 9, 2015

   0 votes
   8 answers
3. как зафиксировать меню посли клика мышки

   Есть такая проблема. Сделал меню по вот этому уроку https://www.youtube.com/watch?v=Vcb4DCts1yc, проблема в следующим: Как сделать так, что-бы при нажатии на квадрат, он остовалься в положении как при наведенной мышой на него. И назат не складывалься. (это ссылка на строницу ну там (главная или контакты)). В уроки у него квадрат увеличиваеться при наведении мыши. Эфект сделан с помощью html <div id="conteiner"> <a href="index.html"><div class="menu"> <p class="p1">Sites</p> <!-- <p class="p2">Paint design</p> </div> css .menu { width: 150px; height: 100px; background-color: #F28802; float:left;…

   Asked by jatisto, September 11, 2015

   • css
   • html
   0 votes
   8 answers
4. Можно ли поменять местами 2 параграфа?

   есть: <p><img путь и параметры картинки />текст</p>надо: <p>текст</p><img путь и параметры картинки />как такое сделать регулярками не понимаю, если вообще возможно. зато знаю как сделать так: <img путь и параметры картинки /><p>текст</p>но так получается что картинка над текстом.. может можно как-то при помощи CSS сделать визуально, чтобы фото было под текстом?

   Asked by nikki4, September 18, 2015

   0 votes
   8 answers
5. Порядок изучения

   Обучаюсь верстке не так давно. Чего-то уже пытаюсь сверстать. Знаний, естесственно, маловато. Проблема в чем: не знаю, с чего начать продолжать. Вот такая странная формулировка. То есть - есть знания HTML, CSS, Sass. Каждый день стараюсь что-то по этим направлениям читать новое. Параллельно изучаю JS. А еще нужно знать, как я считаю, дофига всего другого, например Bootstrap, PHP, MySql, кучу фремворков и так далее. А что именно поставить в начало - не знаю. Кто-нибудь посоветует, как быть? В каком порядке вы проходили/проходите обучение? Сколько времени на это уделяли? Спасибо.

   Asked by Das_Gift, September 22, 2015

   0 votes
   8 answers
6. Выпадающее меню

   Подскажите как сделать выпадающее меню ?

   Asked by rpmcmerphy, September 25, 2015

   0 votes
   8 answers
7. Как реализовать прозрачность кнопок?

   Нужно реализовать прозрачную кнопку (как на первом рисунке) но при попытке сделать так через <button> и соответствующие свойства CSS прозрачность исчезает, хотя если открыть соответствующий "png" фотошопом, то прозрачность видна. Вопрос: как можно реализовать прозрачность? Через обычную ссылку с рисунком внутри тоже пробовал - не получается. #main_image_left_button { position: relative; top: -150px; left: -5px; background-image: url(../images/index/main_image_left_button.png); background-size: 100%; border: none; height: 66px; width: 32px;}Должно быть так: Выходит так:

   Asked by centurionkz, September 25, 2015

   0 votes
   8 answers
8. Вопросы по api яндекс карте

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как запретить zoom в карте? И можно ли поменять цвет карты? Сейчас она такая: А хотелось чтобы она была такого цвета Возможно ли это?

   Asked by stan07, September 30, 2015

   0 votes
   8 answers
9. Внутренная рамка

   Здравствуйте форумчане! У меня тут проблемка с рамкой. .class:hover, .active{ border: 1px solid red; margin-top: -1px;}.class:not(.active){ padding: 1px;}Но все таки код "скачет" при наведении. Пожалуйста помогите.

   Asked by Shahzod_K, October 7, 2015

   0 votes
   8 answers
10. Требуется ваша критика по сайту US зоны... Плииииз..

    Доброго времени суток, уважаемые киберспециалисты и просто неравнодушные люди! Очень нужна ваша конструктивная критика сайта US зоны www.ganyoagency.com на предмет дизайна, верстки, юзабилити и прочего, все, что сочтете нужным. Сайт был создан для страхования людей и бизнеса на территориии США (в частности штат Миннесота). Это сайт фирмы - брокера, которая сотрудничает со многими страховыми компаниями и продает клиентам страховые полюса (страхование авто, дома, жизни, бизнеса и др.) А теперь немного лирики: сайт создавала американская компания для бизнеса моего мужа. И данный сайт мне не нравится. НО! мое мнение субъективно и для моего мужа не аргумент. А вот к мнени…

    Asked by Irina_333777, October 8, 2015

    • критика
    0 votes
    8 answers
11. Простой выпадающий список на JS

    Здравствуйте! Помогите, пожалуйста, разобраться что именно я не так сделал. Необходимо сделать простой выпадающий список типа аккордеон на JS. Но при клике на ссылку подменю открывается, но при этом браузер прыгает наверх в начало страницы. Я так понимаю, не срабатывает slideToggle('slow').... Вот что получается: http://jsfiddle.net/b3vywd92/ Заранее благодарю за помощь!

    Asked by volshebnyi, October 9, 2015

    0 votes
    8 answers
12. Лендинг и секции

    Здравствуйте. Подскажите правильным ли путем иду. Делаю лендинг в котором несколько секций, допустим 4. Задача: нужно чтобы каждая секция была высотой 100% экрана. То есть я как понимаю: Задаю высоту <body> (или правильнее все таки обертку сделать?) высотой: 400%.Делаю высоту каждой секции по 100%. Так ли это? Если да, то вопрос следующий: Допустим у меня фиксированная навигация высотой в 100 px. Естественно первая секция увеличится и будет: 100%+100px. Что лучше в данном случае: Задать position: absolute; у навигации.(к чему склоняюсь) Сделать у секций top: -100px; Заранее спасибо!

    Asked by Pinga, October 12, 2015

    • лендинг section
    0 votes
    8 answers
13. Реально на форму наложить изображение

    Картинка посредине прозрачная, я наложил её на форму поиска с помощью position absolute Налаживал и как изображение и как фон, проблема в том что при наложении форма не работает, потому что картинка сверху получается. А если под форму ложить то вид не тот. Нужно как то наложить изображение сверху поиска но что бы изображение было видно но при этом не мешало форме. Можно её конечно разрезать и по кускам собрать но тогда получается левая картинка будет закрывать начало ввода текста в форму, короче писать чутли не с центра прийдется, очень некрасиво как то. Суть проблемы вроде описал, решение думаю должно быть.

    Asked by serg_life, October 14, 2015

    0 votes
    8 answers
14. Выровнять картинку по центру блока

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как выровнять картинку по центру блока (по высоте, по ширине я её выровнял) Вот код - http://jsfiddle.net/ko542jer/

    Asked by stan07, October 15, 2015

    0 votes
    8 answers
15. Атрибуты rel и type в тэге link

    Оба атрибута сообщают браузеру тип подключаемого файла, но в таком случае, почему не достаточно лишь одного?

    Asked by prostodeniska, October 20, 2015

    0 votes
    8 answers
16. Внутренние странички

    Всем привет, я начинающий и нуждаюсь в совете от профи. Появилась задача сделать внутренние ссылки, чтобы в адресной строке адрес выглядел примерно так: mysite.ru/company/inner.html Что нужно прописать и где нужно расположить на сервере inner.html Надеюсь, что более менее внятно объяснил) Заранее спасибо!

    Asked by Gutman, October 30, 2015

    0 votes
    8 answers
17. Логотип сайта в Экспресс-Панели браузеров

    Всем привет! Не совсем уж начинающий в верстке, но столкнулся с интересным вопросом, решения которого не знаю. Каким образом формируется логотип сайта в Экспресс-Панели браузеров (Opera, Firefox)? Речь не о favicon! https://yadi.sk/i/9DgxUA5Jkbzrj - вот скрин с Экспресс-Панели Opera. В свежем Firefox аналогичная картинка У большинства сайтов браузер берет кусок страницы с логотипом. Но у некоторых сайтов вместо части страницы идет логотип целиком. На скриншоте выделил такие сайты. Если бы речь шла только о монстрах Яндекс, Google - было бы понятно, что разработчики браузеров делают это вручную. Но попадаются вполне обычные сайты. Ковырял код этих сайтов, искал микрораз…

    Asked by Coolbits, November 20, 2015

    • логотип разметка
    0 votes
    8 answers
18. Прошу помощи по оформлению блока

    Замучился с оформлением страницы вывода товаров Div jshop_list_product Сейчас вот так выглядит а нужно как здесь

    Asked by webmax, December 4, 2015

    0 votes
    8 answers
19. Вспышки при обновлении страницы

    Всем привет. помогите решить проблемы. При обновлении страницы за фоном на милисекунду мерцает белый фон, очень раздражает глаза. Как от этой вспышки избавиться попроще? по ссылке видео снял https://www.youtube.com/watch?v=iqLIyzxdJCc&feature=youtu.be

    Asked by html_user, December 18, 2015

    • вспышка
    0 votes
    8 answers
20. Всплывающая страница заданной ширины

    Добрый день! Продолжаю осваивать предмет. Ковыряю бесплатный шаблон. По задумке при клике на картинку открывается новая страница во всплывающем окне типа лайтбокса. Не пойму как задать ей ширину и центровку. Просто через width - не вариант. Прошу помощи. http://good-project.ru/test4/- первая картинка. Заранее спасибо!

    Asked by dron, December 26, 2015

    0 votes
    8 answers
21. Мобильное представление в Хроме не совпадает с моим мобильником

    Здравствуйте. Столкнулся с тем, что если на странице нажать на кнопку Быстрая покупка под фото товара, то в мобильном представлении десктопного Хрома при проставлении размера монитора 480 на 800 пикс все выглядит более правильно: , чем в реале на моем мобильнике в том же Хроме с тем же разрешением 480*800 пикс: Скажите, пожалуйста, как понять, каких стилей не достает моему мобильному хрому, чтобы все отображалось как в десктопном эмуляторе? Или лучше не пытаться это понять и попытаться применить стили бутстрап к всплывающей форме сразу? P.S. буду благодарен если Вы поделитесь статистикой отображения всплывающей формы со своих мобильных устройств

    Asked by borus, January 13, 2016

    0 votes
    8 answers
22. Таблица отказывается растягиваться

    Здравствуйте! Есть пример, при котором таблица отказывается растягиваться. Абсолютное позиционирование блока с текстом относительно блока выше - обязательно, так как этот блок - элемент меню. Нужно, чтобы таблица тянулась от ширины текста

    Asked by Torawhite, January 9, 2016

    0 votes
    8 answers
23. Шесть колонок - таблица или div

    Или что-то еще. С чего всё началось: была таблица. Необходимо увеличить интервалы отмеченные желтым. попробовал добавить еще один невидимый столбец на месте желтого - верстка плывет и вообще становится трудноуправляемой. Попробовал сделать на div - слетает соответствие услуги и цены - вообще каша выходит. Как сверстать такое?

    Asked by Serginhio, January 11, 2016

    0 votes
    8 answers
24. Dashed линия для заголовка. Как сверстать?

    Здравствуйте, уважаемые форумчане! Подкиньте пожалуйста идею, как сверстать такой вот заголовок, чтобы было гибко (не зависело от текста): ссылка на картинку

    Asked by ya_verstaka, January 19, 2016

    0 votes
    8 answers
25. Блок Обратная связь

    на сайте есть готовое решение http://htmlbook.ru/practical/obratnaya-svyaz все работает но как сделать что бы выезжала не слева, а справа??

    Asked by galsik2009, January 27, 2016

    • htmt css
    0 votes
    8 answers