HTML Coding

29,542 questions in this forum

1. Слетают стили при заливке на хостинг

   При просмотре сайта локально на компе все хорошо, но пи заливке на хостинг все расползается и стили не видны, возможно и скрипты. Можете подсказать в чем проблема? если в адресе, то где и на что его поменять нужно? ссылка на сайт: http://proleading.ru/ ссылка на папку на хостинге, в которой лежит index и папки (css, fonts, images, scripts): /home/furniturei/domains/proleading.ru/public_html/

   Asked by Serg Shew, June 30, 2015

   • стили
   • css
   • хостинг
   0 votes
   10 answers
2. [CSS] Как из CSS вызвать изображения?

   Привет всем. Начав заниматься HTML и созданием сайта с нуля я столкнулся с такой проблемой: У меня есть изображения (фон=background) которая я растянул по всему экрану: body { background: url(images/bg.png) no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }Ну вроде всё работает отлично, код занимает много место в index.html поэтому я решил поставить его в CSS(не знаю правильно я думаю и вообще возможно ли такое?). Я создал файл body.css и там добавил код выше, я его загрузил в index.html кодом: <link href="css/body.css" rel="stylesheet" />Но почему то всё…

   Asked by Johhnyl, July 21, 2015

   0 votes
   10 answers
3. Макет (количество row) для bootstrap

   привет, есть такой макет - один элемент , по высоте занимает две строки Как в bootstrap 3 построить сетку - для этого случая. Пока вижу такие варианты, либо 3 строки (row) , либо 4 строки. Если 3 строки - то в ней первые пять элементов, но будут ли они тогда как на рисунке распологаться Большой элемент - тут как то не вписываеться. P.S. Все меньшие одинаковы между собой - большой два - малых по ширене.

   Asked by riki, July 29, 2015

   • bootstrapbootstrap
   0 votes
   10 answers
4. При наличии border-right/left вычесть высоту скроллбара

   Доброго дня уважаемые коллеги. Подскажите, пожалуйста, как можно сделать так, чтобы у блока, который имеет горизонтальную прокрутку, боковая граница не тянулась на высоту скролбара. П.С. вариант с тем, чтобы внутри поставить обертку, назначить ей границу (таки образом, наша граница не будет выходить за грани видимого блока к концу скроллбара) не очень хорош, потому что при прокрутке граница будет двигаться также с прокручиваемым контентом. В общем вкратце. Как можно сделать так, чтобы border-right: 1px solid black; блока с горизонт прокруткой не вылезала на скроллбар, а ограничивалась высотой самого блока? https://jsfiddle.net/e1o5kgk8/ Буду благодарен за любу…

   Asked by Velidan, August 13, 2015

   • граница
   • скролл
   • прокрутка
   0 votes
   10 answers
5. Рваные края блока

   День добрый. Создавая такой блок http://c2n.me/3mcMObf рассматривал 2 варианта: 1) Применить белый прямоугольник с рваными краями и подчёркиванием заголовка как фоновый рисунок. 2) "Приклеивать рваное" через фон 5ти абсол спозиционированных псевдоэлементов, 2 для блока, 2 для заголовка и 1 для <p> Пошёл по второму пути т как блок имеет три разных размера в трёх разм экрана и в этом был свой challenge. Подгонка заняла уйму времени, думаю такое решение нерационально. Возможны ли другие решения данной задачи, кроме 1 и 2?

   Asked by seemax, August 16, 2015

   0 votes
   10 answers
6. Выделить и скопировать текст со страницы?

   Сразу говорю - я чайник. Пришёл на форум за решением простейшей задачи. Посмотрите пожалуйста. Сайт не мой. http://www.scibet.com/football/2015-08-04/ В общем мне нужно выделить и скопировать текст (выделено красным): Мне не удаётся выделить текст который "прячется" за "картинкой" (линия, при наведении курсора - появляется текст) указано красной стрелкой. Его мне тоже нужно выделить/копировать и вставить в ексель. Видимо надо как то "разобрать" страницу, убрать лишние картинки - оставить только текст, что бы можно было спокойно выделить/копировать. Помогите пожалуйста. Спасибо!

   Asked by Robert3, August 17, 2015

   0 votes
   10 answers
7. Как сделать часы

   как сделать такие часы? Здесь файлы но часы работают только после обновления страницы: https://yadi.sk/d/EsSIIvpGiYfmn Пытался воссоздать http://jsfiddle.net/enwmps9o/79/

   Asked by lev99, August 20, 2015

   • html
   • css3
   0 votes
   10 answers
8. Thumbnail таки не решен

   Здравствуйте. Кто вчера видел тему, то вот она ещё раз - http://htmlforum.ru/index.php?showtopic=53859#entry360643 Думала, что bxslider все исправит, но нет. Изначально использовала owlSlider, но там не было thumbs. Это дописалось неплохо таки, но с одним условием http://joxi.ru/bmoO8NWcPjlWmy- вот что имеем. но вызвав дебагер все становится как надо http://joxi.ru/krD95KOSb3dqmp или в обратном порядке с изначально включенным дебагером http://joxi.ru/Y2LqRxXtj8vBA6 и убирая его http://joxi.ru/a2XeJ03SG7pNAg Такая же проблема осталась с bxslider. Кажется, проблема не в нём. Но на всякий случай указала minSlides: 1...maxSlides: 1Использую arcticmodal, приглянулся мн…

   Asked by kattiperk, August 29, 2015

   0 votes
   10 answers
9. Проблема верстки шапки и слайдеров

   Здравствуйте. Я начинающий верстальщик. Возникла проблемы такого характера: 1. Не знаю как сверстать меню в шапке (см. рисунок). Как я вижу логотип расположен посредине меню. Никогда раньше с таким не сталкивался. Решения пока не нашел. 2.Возможно ли создание подобный слайдеров? С такими тоже раньше не встречался. Кроме того, даже не представляю, как такое потом реализовывать (к примеру на том же wordpress). Буду рад за любые соображения по этому поводу.

   Asked by blackgeneral, September 4, 2015

   • верстка шапки
   0 votes
   10 answers
10. почему не видны картинки?

    Подскажите, почему не отображаются картинки http://textdeposit.ru/gde-eshhe-zarabotat-kopirajteru ?? должна быть тут http://awesomescreenshot.com/0bd58eueeb , в коде есть..

    Asked by fowl, September 13, 2015

    0 votes
    10 answers
11. адаптивность

    Я сверстал страницу, как перейти на адаптивность, чтобы страница стала адаптивна. Что нужно сделать ?

    Asked by rpmcmerphy, September 17, 2015

    0 votes
    10 answers
12. А можно ли по условия дочернего элемента сделать изменения в родительском?

    .menu > li:hover > a { -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } Тут при наведении на пункт <li> мы изменяем способ отображения блочной ссылки <a> А можно ли, написать такой код CSS, который, скажем, при наведении на li:first-child:hover менял бы параметры отображения родительского блока .menu? Спасибо!

    Asked by Launder, September 19, 2015

    0 votes
    10 answers
13. не понимаю как привязать блок к соседнему блоку

    Уважаемые форумчане! помогите начинающему верстальщику разобраться в следующей ситуации... ... мне нужно привязать лейбл "реклама" к правому верхнему углу соседнего div-а, тут я справился используя позиционирование, но как удержать этот лейбл в углу, при условии что размеры данного div-а будут меняться и родительский div тоже может меняться. Сюда выложил пример http://jsfiddle.net/s9xd66r1/1/ Помогите, плз, не пойму куда копать.

    Asked by fes777, October 9, 2015

    • position
    • absolute
    • relative
    • div
    • span
    0 votes
    10 answers
14. Вертикальное выравнивание при абсолютном позиционировании

    Здравствуйте. Почему не работает вертикальное выравнивание при абсолютном позиционировании? Код хтмл: <div class="col"> <p>Lorem ipsum dolor sit amet..</p> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div><div class="col"> <div class="col-prew">text prew</div></div>Код цсс: .col { display: table; position: relative; float: left; width: 33.3%; height: 250px; background: red;}.col:nth-child(2n) { background: green;}.col-prew { display: table-cell; position: absolute; top: 0; left: 0; width:…

    Asked by Temiks, October 17, 2015

    0 votes
    10 answers
15. проблемы с bootstrap

    Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv

    Asked by yulshaz@mail.ru, October 28, 2015

    • bootstrap
    0 votes
    10 answers
16. Слайдер

    Добрый вечер,форумчане! Подскажите,при помощи чего лучше подключить данный слайдер?и как добавить на него столько текста?подключить бутстрап, просьба - не предлагать!Заранее спасибо! http://prntscr.com/906imc

    Asked by yulshaz@mail.ru, November 7, 2015

    • слайдер
    0 votes
    10 answers
17. Многоточие

    Добрый день, коллеги! Подскажите, пожалуйста, каким образом на этом сайте сделаны многоточия между названием параметра и его характеристикой? https://market.yandex.ru/product/12438181/spec?hid=91491&track=char или вот здесь, внизу http://kuple.ru/catalog/melkaya_bytovaya_tekhnika/kofemashiny/kofemashina_delonghi_ecam_28_465_mb/

    Asked by Skanavy, November 10, 2015

    0 votes
    10 answers
18. Скачивание по ссылке

    Приветствую! У меня имеется ссылки, которые при открытие в браузере хром воспроизводят музыку. Как сделать с помощью jquery или js скачивание файла по этой ссылке? Пример: https://cs1-48v4.vk-cdn.net/p8/9cb89555848696.mp3?extra=UpleRzemOPM4jISjxrPm945XnBfL3ZSgTVvZiijMqmFGmsXV_oO375KTOBgBBWI1RN2k3n66Ys9NfUI1h4yXnRnDNxo,275

    Asked by samec1337, November 14, 2015

    0 votes
    10 answers
19. корректное отображение формы

    Добрый день, возникла проблема с формой в футере http://bcplaneta.com.ua/ при расширении экрана от 768х1280 @media (min-width: 768px) and (max-width: 991px) .may-form { display:none; } при этом левая форма не растягивается на все ширину, как исправить? чтоб на всех мониторах с меньшим разрешением отображалась только одна форма и она была на все ширину. Спасибо

    Asked by mrfrunze, November 19, 2015

    • css
    • form
    0 votes
    10 answers
20. Вёрстка под CMS

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

    Asked by Crystal-3, November 25, 2015

    0 votes
    10 answers
21. Помогите с дескрипшен и титл - не определяются, возможно кодировка

    Привет друзья. Очень прошу помогите,так как время идет, а проблему решить не могу. Я не сеошник, но так уж случилось, что пришлось сделать сайт. Делал сам, в фронтпейдже. Итог, сайту четыре года, тиц 50, пр2. Недавно чуть переделал шаблон, улучшил, решил развивать, и столкнулся с тем, что в выдаче нет его. Банов нет, санкций нет, как оказалось, чет намудрил с тегами, уже в куче форумов этот вопрос хадавал, но внятного ответа так и не получил. Раньше были в топ, а щас и робот бегает стабильно, но по ощущению он не видит текст. Буду очень благодарен, если посмотрите код и подскажете, что и куда нужно дописать. За подробный ответ вам +100 к карме. Спасибо

    Asked by mak26, December 2, 2015

    0 votes
    10 answers
22. кроссбраузерные до ie8 врезки без js

    помогите пожалуйста решить проблему, если это вообще возможно вот код: http://jsfiddle.net/9xd8k676/ здесь есть контейнер, который содержит текст и врезку. врезка расположена в верхнем левом углу. но нужно чтобы она была смещена вниз на несколько сот пикселей(точность особая не нужна), относительно своего настоящего положения. и при этом освободившееся место было бы заполнено текстом

    Asked by cyklop77, December 3, 2015

    0 votes
    10 answers
23. Посещаемость

    Здравствуйте, кто скажет: можно ли посещаемость с сайта перенести на программу на ПК? Можно ли это реализовать через Google Analytics?

    Asked by Mestniy96, December 7, 2015

    0 votes
    10 answers
24. Кнопки поделиться свой дизайн

    Вот такие кнопки Какой сервис можно использовать генерации кнопок поделиться, чтобы заменить их на свои?

    Asked by okunev2, December 11, 2015

    0 votes
    10 answers
25. Разное отображение сайта на iPad и на персональном компьютере

    На персональном компьютере сайт-лендинг растягивается у меня во всю ширину экрана, а на iPad'е происходит вот такая вот штука: Код структуры лендинга: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Прошлую тему почему-то удалили. Я не понял почему. Я как то неправильно на форуме себя веду? Или что?

    Asked by prowoke, December 12, 2015

    0 votes
    10 answers