HTML Coding

29,542 questions in this forum

1. css Шапка и подвал не хочет адаптироваться под экран

   В ступоре. Очень прошу помощи. Дело такое. Верхняя шапка сайта (фиолетовая) не хочет адаптироваться под телефоны, причём всё остальное работает, кроме самой шапки и футера. Так же замечена очень интересный баг: при проверки адаптивности сайта ресайзом окна или масштабированием в google chrome для десткопа или даже проверке с помощью специальных ресурсов - всё работает как надо. Вы можете сами проверить по адресу flixthebro.com При этом заходя на сайт с любого мобильного устройства (тестировал на 3-х) выдаёт почему то другой результат. Ещё несколько забавных примечаний: допустим установил я размер текста в шапке 32px и в контенте 32px. На телефоне разме…

   Asked by FlixTheBro, November 4, 2016

   • не работает
   • вёрстка
   • адаптивный дизайн
   0 votes
   2 answers
2. style.css Стилизация элемента, принципиальный вопрос!

   Доброго времени суток, для начала объясню проблему. Есть страница к которой подключается 2 стиля с помощью <link href="... один demo.css другой style.css на странице есть <input type="search"... Так вот его изначальный стиль задан в style.css но если demo.css оставить подключенным то стиль input'а наченает меняться и это при том, что в demo.css я прошелся поиском вдоль и поперек на предмет input, search или классов и id которые могут быть затронуты. Но ничего!!!! Ничего не должно изменять этот инпат, но проблема решается отключением demo.css стили нормализуются, как понять? <div class="cd-filter-block"><h4>Поиск</h4> <div cla…

   Asked by karakymg, November 4, 2016

   • стилизация
   • input
   0 votes
   4 answers
3. помощь в правках по верстке

   вот пациент http://modern-hostel.com/blog/ в хроме и фф выглядит по разному-снизу черная полоса появляется http://modern-hostel.com/blog/obshhezhitiya-dlya-rabochix-v-moskve/ какой лучше шрифт сделать чтобы читабельнее было?

   Asked by https, November 3, 2016

   0 votes
   9 answers
4. Проблема отображения блока в Firefox

   Здравствуйте, уважаемые форумчане) Помогите с небольшой проблемой. Криво отображается блок в Firefox. Хотя в Chrome все нормально. Хром Firefox Код CSS и HTML: .mail-delivery { box-sizing: border-box; float: right; width: 560px; max-height: 220px; padding: 6px; color: #5a5a5a; font-weight: 400px; border-radius: 16px; background: url("../img/message-pattern.png") #fff; } .message-wrapper { box-sizing: border-box; width: 549px; max-height: 208px; padding:5px 20px 5px 20px; background-color: #f8f7f4; border-radius: 15px; clear: both; } .message-wrapper p { box-sizing: border-box; margin-bottom: 35px; color: #5a5a5a; fo…

   Asked by b-ars07, November 3, 2016

   • css
   • firefox
   • html
   0 votes
   2 answers
5. как button открыть, как ссылку правой кнопкой мыши

   Привет! Без вас мне не справиться. У меня есть кнопка: <button type="button" onClick='location.href="#"' class="button">Текст</button> <style type="text/css"> .button { width: 150px; height: 60px; font-family: Arial, Helvetica, sans-serif; color: #211707; </style> Нужно, чтобы по правому щелчку мыши открывалось меню: У меня же кнопка видится браузером, как картинка: Помогите, пожалуйста! Перепробовала все варианты в пределах моих познаний

   Asked by ahhelena, November 3, 2016

   • html
   • button
   0 votes
   5 answers
6. Разное отображение в браузерах элемента <select>

   Здравствуйте! Стилизовал элемент select, но, к сожалению, в Firefox практически вдвое увеличивается padiing, а в IE даже дефолтные стрелки выпадающего списка не убираются: https://jsfiddle.net/hhbsorny/3/ Помогите, пожалуйста, разобраться в этом вопросе. Заранее благодарю!

   Asked by volshebnyi, November 1, 2016

   0 votes
   6 answers
7. Вместить элементы в первый экран

   При верстке лендинга возникла проблема: необходимо, чтобы первый экран вмещал в себя все элементы, которые представлены на скрине. Однако, по задумке дизайнера круглые плашки с логотипом и брендами должны быть как бы "лампами", которые связаны с фоновой картинкой блока. Дизайн сделан для разрешения 1600х900, меньший не представлен. Соответственно, если попытаться посмотреть на 1920х1024 или 1366х768, то высота первого экрана 900 это слишком много. Как постепенно уменьшать и кружки, и фоновую картинку, чтобы они совпадали и при этом помещались на первый экран? Вариантов перебрали уже много: сделать кружки картинкой, сделать блоками. В первом случае при умень…

   Asked by mankutila, November 2, 2016

   0 votes
   1 answer
8. Неполное отображение пунктов меню в выпадающем списке при уменьшении разрешения

   Есть проблема. Меню на бутстрапе, в десктопной версии отображается идеально, но в адаптивном режиме (при уменьшенном разрешении) выпадающие меню списка скрыты. Это мой первый сайт, не знаю, где копать. Код тут: http://codepen.io/esx/pen/RGXqBZ На втором скриншоте видно, что кнопка "Услуги" раскрывается не полностью, кнопка "О нас" вообще ничего не показывает. Помогите, плиз.

   Asked by esx, November 1, 2016

   • bootstrap
   • верстка меню
   0 votes
   0 answers
9. Как выровнить текст по центру по вертикали в блоке?

   Из-за разной высоты заголовков едут картинки, из-а чего не красиво. Потмоу решил их сжать до фиксированной позиции, но как теперь выровнять все по центру? <div class="title">Заголовок</div> <div class="title">Длинный загогловок в две строчки</div> .title { width:200px; height:40px; background:pink; border:1px solid; float:left; margin-left:5px; text-align:center; } http://jsbin.com/lunizoguqu/edit?html,css,output

   Asked by nikki4, October 31, 2016

   0 votes
   2 answers
10. Кроссбаузерная вставка флеш

    Как правильно вставить флеш swf-файл на сайт что бы работал во всех браузерах + смартфоны/планшеты. Необходимо: если на компьютере не установлен флеш что бы выводилась ссылка на скачивание. если мобильное устройство НЕ поддерживает флеш (iOS) что бы выводилось сообщение

    Asked by alleclf, October 31, 2016

    0 votes
    0 answers
11. Не работает z-index

    Всем привет! Народ, есть у меня страничка: Страница . Там есть раздел "История компании". Там слайдер. У этого слайдера есть "пагинатор" - кругляши для перехода между стлайдами. Мне надо между этими кругляшами линию красную разместить, да так, чтобы линия была на заднем плане, а сами кругляши - на переднем. Как я только с z-index не игрался, не помогает. И позиционировать пробовал, и opacity менять пробовал, всё никак не могу это сделать. Народ, кто знает, помогите пожалуйста.

    Asked by fenix_63, October 31, 2016

    • html
    • css
    • javascript
    • jquery
    • верстка
    0 votes
    2 answers
12. RedBeanPhp не понятная ошибка

    Друзья, объясните пожалуйста, в чем проблема? https://www.youtube.com/watch?v=vvgOPJQA8Zk Решил я поставить эту системку и когда начал подключать RedBeanPhp вышла ошибка Parse error: syntax error, unexpected T_STRING in /home/a6998082/public_html/libs/rb.php on line 3 В чем проблема? Заранее спасибо! db.php index.php

    Asked by Tardpipl, October 30, 2016

    • redbeanphp
    • ошибка
    0 votes
    2 answers
13. Приоритет блоков поделиться

    Здравствуйте. Столкнулся с проблемой по установке блока "поделиться", стоит плагин на рекламу, который выводит рекламный блок в конце статьи. Дак вот при установке блока поделиться он отображается после рекламного блока, можно ли задать ему приоритет, чтоб он выводился сразу после текста и потом уже рекламный блок.

    Asked by Mizorg, October 27, 2016

    0 votes
    3 answers
14. Получение погоды с сайта.

    Как введя на своей странице название города получить погоду с другого сайта? Искал по API, ничего не нашел. http://openweathermap.org/ не получаться.

    Asked by triest, October 29, 2016

    0 votes
    1 answer
15. Перенос лого по центру без медиа запросов.

    Здрасти, подскажите как сделать чтобы переносился логотип (типа для мобильной верссии сайта) по центру, без использования медиа запросов. Вот весь код штмл: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="stylesheet/stylesheet.css"> <title>Document</title> </head> <body> <header> <div class="wrapper"> <div class="logo"> <a href="#"><img src="img/MobileApp.png"></a> <p class="desk">Your Mobile App Slogan</p> </div> <div class="menu"> <ul> <li&gt…

    Asked by federal24, October 29, 2016

    0 votes
    0 answers
16. Преобразование смешанной строки в число JavaScript

    Здравствуйте! Есть такой вот элемент - <span id="price">2 490 грн</span>. Мне нужно эту строку (2 490 грн) преобразовать в число для дальнейших математических вычислений. То есть сделать из нее 2490. А потом, после математических вычислений вернуть обратно к виду, например - 2 590 грн. https://jsfiddle.net/5t2xrbzo/ Заранее благодарю за помощь!

    Asked by volshebnyi, October 28, 2016

    0 votes
    6 answers
17. Подключение подписки на форму сайта

    Здравствуйте. Не могу подключить подписку на уже готовую форму на сайте, создал форму подписки в сервисе sendpulse, но в ней нет "form action=" чтоб от туда скопировать ссылку. Где мне её найти? Прилагаю код формы. Скрытый текст <div id="87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239" style="width: 350px !important;background-color: #f0f5fa !important;border-style: solid !important;border-width: 1px !important;border-color: #00b668 !important;border-radius: 5px !important;font-family: 'MS Serif', 'New York', serif !important;"><style>.87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239_form_line p,.87175e4…

    Asked by Mizorg, October 26, 2016

    0 votes
    4 answers
18. Приоритет появления картинок

    Добрый день форумчане! Это мой второй сайт (для себя) http://кухонный-мир.рф/ Почему картинки в блоке №3 начинают появляться (и появляються) раньше чем фоновая картинка в блоке №1 ???? 1. Я разделил картинку в блоке №1 на маленькие кусочки 2. Я уменьшил до минимума размер картинки из блока №1 (пока только для широких экранов) 3. Пробовал размещать картинку из блока №1 в других папках и менял названия НО всё бесполезно! ХОТЯ конечно стал намного быстрее грузиться блок №1 4. Я установил скрипт lazyload, и вроде картинки в конце сайта действительно стали в конце грузиться, но всё равно картинки из блока №3 идут первыми. Я даже установи…

    Asked by maxim_, October 28, 2016

    • картинки
    0 votes
    0 answers
19. Реализация с помощью CSS

    Доброго времени суток форумчане, хотел узнать можно ли реализовать данную функцию с помощью css?Если да, то как?

    Asked by KamZed, October 25, 2016

    • css
    0 votes
    5 answers
20. Автоматическая смена картинок

    Всем привет! Подскажите, пожалуйста, как сделать так, чтобы несколько картинок с определенным интревалом времени плавно сменяли друг друга на на страничке сайта?

    Asked by Mad(x_x)boy, October 16, 2010

    0 votes
    25 answers
21. Как прикрепить футер в табличной вёрстке или просто закрепить нижнюю область

    Всем привет! Нужно сверстать страницу именно в табличном варианте и что бы прижать футер к низу, подскажите пожалуйста как это лучше всего реализовать? Заранее спасибо! <html> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <STYLE> a{text-decoration:none;} TABLE { font-weight: normal; font-size: 8pt; border:none; border-collapse:collapse; border-spacing : 0px; left : 0px; letter-spacing : 0px; right : 0px; } BODY {font-family:Arial Cyr, Arial; font-weight: normal; font-size: 8pt; color: black; .table_name { border: 3px; border-left: 3px solid #83C447; bor…

    Asked by nb21, October 25, 2016

    0 votes
    3 answers
22. Не отображаются границы таблиц на сайте

    Совершенно не отображаются границы у таблиц. Дело не в css. Создаю таблицу без стилей - нет границ, таблицу с принудительными стилями для отображения границ ноль реакций. Отключаю все таблицы стилей как на скрине, создаю простой код, ничего лишнего - нет границ. Хотя если судить по стилям по умолчанию (на скрине) - должны быть серые границы. Спасибо заранее если кто поможет.

    Asked by alexmel, October 24, 2016

    • таблица
    • граница
    • border
    0 votes
    1 answer
23. Уменьшение фонового изображения, находящегося в спрайте

    Здравствуйте! У меня есть спрайт с несколькими изображениями - логотип и иконки для соцсетей. На спрайте логотип имеет размеры 411 на 160 пикселей. Мне нужно сделать это фоновое изображение (логотип) в два раза меньше. Подскажите, реально ли это сделать? Если да - то как? Заранее благодарю за помощь!

    Asked by volshebnyi, October 23, 2016

    0 votes
    1 answer
24. Что не так в моем HTML коде?

    Доброго времени суток! Может кто знает, то подскажите пожалуйста, что не так в моем коде? Только в HTML. Никаких CSS! validator.w3.org сообщает, что ошибок не найдено! И как бы так оно и есть, в браузере все показывается красиво и корректно. Но это тест по вёрстке из учебного курса который показывает, что я его не прошёл! Но почему? Может кто заметит, что тут не так? Буду очень благодарен! Вот мой код: <!DOCTYPE html> <html> <head> <title>Test</title> </head> <body> <div class="assortiment"> <h2>Ассортимент</h2> <table> …

    Asked by Tony Brown, October 19, 2016

    • вёрстка в html
    • раздел html кода.
    0 votes
    8 answers
25. символ валюты перед инпутом

    Всем привет, Разместил символ валюты перед инпутом Ссылка с разбивкой по дивам и использованием классов pull-left, pull-right работает, за исключением того, что на больших экранах 1 ячейка с символом валюты занимает много места и портит вид. А как сделать, чтобы символ валюты занимал минимальное место, но с учетом того, что символов может быть несколько? Спасибо!

    Asked by mstdmstd, October 20, 2016

    0 votes
    1 answer