HTML Coding

29542 questions in this forum

1. Адаптивная верстка и iphone.

   Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.

   Asked by Toleri, November 27, 2015

   0 votes
   13 answers
2. Слайдер

   Добрый день! Имею вот такой десктоптый слайдер http://prntscr.com/97jveb. Естественно, диз мобильный вариант макета не предоставил, приходится включать смекалку и соображать адаптивную версию самостоятельно. Во всех знакомых мне сладерах, которые нужно подключать(например, тот же bx slider) он просто резиново уменьшается и в большинстве представленных вариантов нет текста. Может, в этом случае на мобилке лучше скрывать какие-то элементы, или по другому представлять или просто убирать его на мобильной версии...не знаю. Ребят,а как такой слайдер лучше отобразить на мобильной и планшетной версии?Буду рада вашим предложенным вариантам!

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

   0 votes
   1 answer
3. перечеркнуть див

   есть див, в нем ссылка, в ссылке картинка я хочу перечеркнуть див по диагонали, есть простое решение? либо не по диагонали, а горизонтально или вертикально

   Asked by https, November 27, 2015

   0 votes
   2 answers
4. какая-то аномалия. Почему стиль применяется так же и к другому блоку?

   если навести файрбагом на ячейку таблицы, то можете увидеть класс: .ntable если написать: .ntable th, td { border: 1px solid black;}тогда стиль применится и к футеру (смотреть не с мобильного надо) . Вопрос почему? и как сделать, чтобы у таблицы были границы в контенте, а в футере рамок не было. ps: если таблице футера присвоить свой класс, тогда он будет применяться к контентной части таблицы! Почему это происходит? Ведь они находятся в совершенно разных контейнерах. даже если к itemBody применять стиль - он действует и на футер. ничего не понимаю..

   Asked by nikki4, November 26, 2015

   0 votes
   3 answers
5. определить шрифт рамблера

   помогите пожалуйста определить что за шрифт используется тут: у меня задача написать этим шрифтом другую надпись. проблема в том, что эта надпись сделана через svg, а значит название шрифта узнать нельзя

   Asked by cyklop77, November 26, 2015

   0 votes
   5 answers
6. Посчитать остаток ширины

   Здравствуйте. Мне бы хотелось высчитать остаток ширины соседа. Есть контейнер на всю ширину монитора. Сосед-1 - картинка, ширину ми можем получить. Как узнать ширину соседа-2 - 100% минус ширину соседа-1. Как это правильно записать? var width = ($('.сосед-1').width());var restWdth = загадка; $('.section-banner').css({ 'width': width+'px' }); $('.section-content-wrapper').css({ 'width': restWdth+'px'});

   Asked by kattiperk, November 26, 2015

   0 votes
   2 answers
7. Как перенести текст на новую строку ?

   Здравствуйте. Мне нужно в текстовом поле ввода показывать 2 абзаца содержащихся в переменных t1 и t2 друг под другом с пробелом в одну строку. Подскажите, как это сделать ? Приведенный ниже пример не работает. <textarea type="t" name="n" class="c"><?php echo $t1;?><br><br><?php echo $t1;?></textarea>

   Asked by Kompilator, November 26, 2015

   0 votes
   2 answers
8. Почему переход в одном случае работает, а в другом - нет?

   http://jsfiddle.net/Launder/vc73z30v/2/ С 82 строки закомментировано, если снять комментирование переход не работает. С 77 строки полностью аналогичная ситуация и всё работает. Почему такое странное поведение? Как сделать чтоб оба перехода заработали? Спасибо! если кому нужно - код выложу сюда.

   Asked by Launder, November 25, 2015

   • transition
   • opacity
   • visibility
   0 votes
   5 answers
9. height: auto для ios < 6

   Здравствуйте. Проблема в height: auto; для iOS устройств ниже 6 версии. В контейнере есть картинка, которая имеет свойства width: 100% и height: auto; Но iOS отказывается понимать и тянет на всю высоту, оставляя ширину в порядке. То есть картинку изрядно плющит. Нашла пару запросов, но советовали только height: auto !important; С высотой работает через медиа запрос для aspect ratio. Но интересно, может есть заклятье?

   Asked by kattiperk, November 25, 2015

   • height
   • auto
   • ios
   0 votes
   15 answers
10. Какую литературу посоветуете для полного изучения CSS3?

    Добрый день уважаемые форумчане(может быть вечер, а то и утро)! Накопал на ОЗОНЕ следующую литературу: 1. Брайан Хоган. "HTML5 и CSS3. Веб-разработка по стандартам нового поколения" 2. Рейчел Эндрю. "CSS. 100 и 1 совет" 3. Дэвид Сойер Макфарланд. "Большая книга CSS3" 4. Зои Джилленуотер. "Сила CSS3. Освой новейший стандарт веб-разработок!" 5. Владимир Дронов. "PHP, MySQL, HTML5 и CSS 3. Разработка современных динамических Web-сайтов" Какой из них посоветуете, или какой-нибудь свой учебник? Но надо чтобы CSS прям с нуля был до профессионального уровня...

    Asked by edvard200018, November 25, 2015

    • css3
    • литература
    • ресурсы
    0 votes
    2 answers
11. Главная страница на div

    Правильно ли страница сверстана на DIV может нужно было делать другим способом? http://habana-vieja.ru/ Чтоб адаптация была на iPnone, смартфонах и т.д.

    Asked by egor2015, November 25, 2015

    • div
    0 votes
    0 answers
12. Помогите выровнять текст

    Скажите пожалуйста возможно ли опустить текс под картинку. Построение списком. Или этот метод не подойдёт для данного случая? <ul> <li><a href="" class="i1">Установка и настройка ОС</a></li> <li><a href="" class="i2">Работы с комплектующи-<br>ми компьютера</a></li> <li><a href="" class="i1"><span class="niz">Установка и настройка ОС</span></a></li> Возможен вариант span, дисплей блок и падингом топ. это наверно кривовато или нет?

    Asked by virus_ostr, November 25, 2015

    0 votes
    2 answers
13. Нужна помощь при создании формы обратной связи

    вот она http://kymakym.xyz/obratnaja+svjaz.html, только не работает, не могу правильно поставить код, чтоб на определенное мыло долетали сообщения...

    Asked by mirnosaveli, November 25, 2015

    0 votes
    6 answers
14. Вёрстка под CMS

    Здравствуйте. Скажите, какие особенности вёрстки под различные CMS? Мне кажется, главное, чтоб вёрстка была качественной и её можно без проблем "натянуть" на любой движок. Или я ошибаюсь?

    Asked by Crystal-3, November 25, 2015

    0 votes
    10 answers
15. Как сделать сетку?

    Всем привет, есть задание(написано ниже), хотелось бы понять как можно менять сетку от размеров экрана,используя css и html Если это вообще возможно не используя js Заранее спасибо за ответы Задание: Сверстать сетку из 9 квадратов. Каждый квадрат обрамлен серой рамкой в 1 пиксель. Расстояние между блоками 5 пикселей. На экране шириной свыше 1000 пикселей блоки располагаются сеткой 3 блока на 3. На экране от 600 до 999 пикселей блоки располагаются по 2 в ширину, 9-й блок скрывается На экране меньше 600 пикселей блоки отображаются по 2 в ширину, но ширина и высота блоков становится по 200 пикселей.

    Asked by gummmy, November 25, 2015

    • css
    • сетка
    0 votes
    1 answer
16. Хром на андройде

    Как открыть консоль хрома на андройде, что бы писать JS код.

    Asked by DivMan, November 24, 2015

    0 votes
    4 answers
17. Как распаковать сжатый файл

    Подскажите кто знает как распаковать сжатый файл, например CSS, он сжат и отображается в одну строку, как его привести в вид позволяющий отредактировать его нормально? Может можно с помощью sublime text 3 или Notepad++.

    Asked by Mizorg, November 24, 2015

    0 votes
    2 answers
18. Проблема

    Добавляю class к изображению которая находятся в div и в css добавляю нужный код и не работает . Помогите ! ———--HTML—————— <div class="content"> <img src="images/home.png" class="lol"> </div> ————-CSS—————- .content .lol { margin: 0 auto; position: absolute; top: 0; left: 190px; } ————————— Где ошибка ? Помогите ...

    Asked by Dragomir, November 23, 2015

    • css
    • images
    • class
    • div
    0 votes
    11 answers
19. Почти адаптивная таблица

    Здравствуйте. Посоветуйте, как сверстать такое расписание http://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?

    Asked by kattiperk, November 23, 2015

    • таблица
    • адаптивность
    0 votes
    5 answers
20. Убрать скачок при залипании блока

    Привет! Использую плагин Bootstrap Affix для залипания шапки страницы при прокручивании, возникает неприятный эффект ввиде скачка вверх нижней части при изменении высоты залипшей шапки. Никак не соображу, кому добавить отступ для корректировки? Гляньте пожалуйста свежим взглядом: http://uaz-n.ru/

    Asked by d0ublezer0, November 23, 2015

    0 votes
    2 answers
21. Tag data в зависимости от ширины экрана

    День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.

    Asked by seemax, November 23, 2015

    0 votes
    3 answers
22. Делаем запрос к базе данных

    Делаем запрос к базе данных (если надо поменять префикс, то не забудьте его поменять) Обьясните пожалуйста ламеру, что значит запрос к базе данных? Где и как я его могу сделать, админ панель всю перерыл и ничего подобного не нашел. Безусловно ответ подобного рода мне непонятен: "Подразумевается если у ваших таблиц другой префикс, то его нужно поменять... "

    Asked by furaixp, November 22, 2015

    0 votes
    5 answers
23. Сайт+чат

    Задача - создать сайт на бесплатном хостинге и добавить к нему вот такой чат - https://frug.github....creenshots.html Насколько осуществима такая затея? какой хостинг для этого подобрать? Возможно будет проще создать только чат? Буду благодарна за советы)

    Asked by Rickys, November 21, 2015

    0 votes
    4 answers
24. Правильность записи CSS

    Добрый день Смотрю уроки Css и человек объясняет Следующее на рис 1-2 красным плохая запись, а 1-2 зелёным правильная. Я с ним не согласен! Как всё же правильно? Я считаю, что варианты красным правильнее.

    Asked by virus_ostr, November 21, 2015

    • CSS
    0 votes
    37 answers
25. Осуществляю желание перейти от табличной верстки к блочной... пожалуйста помогите

    1. как сделать чтобы в футере 3й див не уходил на следующую строку 2. как сделать чтобы в <div class="content"> избыточное содержимое давало скроллбар не у всей страницы а только у этого дива Спасибо! <!doctype html> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>test</title> <style> body { margin: 0; padding: 0; } .content { height: 100%; width: 100%; } .shapka { height: 84px; background: #000000; } .footer { position: absolute; bottom: 0px; height: 40px; width: 100%; background-color: #789CB4; color: white; font-family: sans-serif; font-size:…

    Asked by AkuSer, November 21, 2015

    0 votes
    3 answers