HTML Coding

29,542 questions in this forum

1. Блок под разные разрешения экрана

   Есть код: .goods ul {width: 1280px; list-style-type: none; margin: 0 0 0 -6px;}.goods li {display: -moz-inline-box; display: inline-block; vertical-align: top;}Не пойму как сделать, если разрешение монитора 1024, делать блоку goods ul ширину 980, а если более 1024, то тянучку до 1280. Доктайп такой:

   Asked by okunev2, December 18, 2013

   0 votes
   4 answers
2. Кручу-верчу, спозиционировать хочу

   Есть такой код http://jsfiddle.net/s7EmS/2/ Вопрос: почему появляется горизонтальный скролл, когда абсолютно спозиционированному блоку (относительно родителя) задается отрицательный отступ, загоняющий его за пределы страницы? Можно ли это как-то обойти? Только без обрезания. Нужно, что бы он ушел за пределы, но при этом не исчез совсем и не появился скролл, в смысле чтобы, например, при расширении окна браузера его было видно.

   Asked by Bassline, December 18, 2013

   0 votes
   10 answers
3. Не правильно отображает в Mozilla Firefox

   Google Chrome, IE - отображает правильно, в Mozilla Firefox нет. http://demo.joomlaworks.net/tabs-and-sliders-for-articles

   Asked by lev99, December 17, 2013

   • css
   0 votes
   17 answers
4. Вопрос по странному тексту в ie10+иконки соц сетей

   У меня 2 вопроса: 1.Как быть с иконками соц сетей при верстке?Из-них браузер теряет возможность быстро перезагружать страницу при изменении кода (стоит livepage в хроме) И это при установленном денвере. И вообще почему они так непонятно сделаны?Почему я не например прижать их друг к другу с помощью флоата?А двигать могу только при помощи маргинов? 2.Что это за проблема в ie10? http://mygggsitelol.esy.es/

   Asked by Temik2704, December 17, 2013

   0 votes
   5 answers
5. Таблицы и css

   Приветствую. Тыкните носом на мануал или если не сложно обясните здесь на примерах. Проблема следующая. Есть страница с 3-мя таблицами. В CSS прописан общий стиль для всех таблиц по сайту. Как сделать так, чтобы для одной таблицы задать абсолютно другие стили и чтоб они не распрострянялись на другие таблицы на этой странице? Требование: все стили задаются только в главном файле style.css Я пробовал эту таблицу вносить в div, а далее писать правила .divname table {} и т.д, но тогда ее правила распространялись абсолютно на все таблицы по сайту.

   Asked by rudeboy_, December 18, 2013

   0 votes
   4 answers
6. Блоки div

   В блоке есть текст. Как сделать так, чтобы когда места в блоке не хватит, то блок увеличивал свою высоту?

   Asked by Alexzord, December 18, 2013

   0 votes
   2 answers
7. Нужна помощь с 2-хколоночной резиновой версткой

   Пару недель повисел на сайте, почитал статьи. Решил попробовать сверстать несложный сайт.Не всё так просто, как казалось. вот макет сайта https://googledrive.com/host/0B8AjTYm85ggoOWIzVGFwYTMtbFE/. Шапку с грехом пополам сверстал вроде. А дальше дело не особо пошло. В частности не могу понять почему не добавляются поля padding класса .wrapper. Думал сделаю обёртку чтобы текст не прилипал к границе слоя, но что-то не выходит. Вроде использую верное решение с сайта http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-dvukhkolonochnyi-maket. Вот моя недоделка https://googledrive.com/host/0B8AjTYm85ggoSjgyX29HOEJIYzQ/maket.html . Пытался сам понять что не так, в итоге сдела…

   Asked by relocker, December 17, 2013

   • помощь
   • верстка
   • слои
   • резиновый
   • двухколоночный
   • макет
   0 votes
   2 answers
8. сайт с фонами

   Поделитесь ссылками у кого есть на сайты с бакграундами. Интересует сайт (блин даже не могу объяснить кок он выглядит ), там паучок есть с рекламой на фаерфокс. В левой стороне сайта по моему идет квадрат с фонами. Можно сразу при клике на миниатюру или на ссылку под ней изменить фон сайта и посмотреть как выглядит фон. Больше ничего не помню. Поисковики мне не помогли. Мои закладки каким то образом исчезли с OnlineZakladki.

   Asked by 3d_max_9, December 17, 2013

   0 votes
   5 answers
9. Элементы "дергаются" в Хроме при перезагрузке страницы.

   Здравствуйте. Сайт http://kroteks.ru В Хроме наблюдается странная ситуация при переходе по ссылкам главного меню: элементы в шапке как бы дергаются после перезагрузки страницы. С чем это может быть связано?

   Asked by vovka-morkovka, December 17, 2013

   0 votes
   6 answers
10. Верстка header'a. Сложности с position

    Всем доброго. У меня, как у начинающего верстальщика, есть ряд проблем. и одна из них - свойство css - position; не совсем догоню где и как применять значения absolute, relative и т.д. Сейчас у меня стала проблема в верстке такой (см. картинку) шапки. Для наглядности выделил блоки как я их себе представляю. 1. серый блок - растянут на всю ширину стариницы, не имеет никаких отступов ни сверху ни снизу. с этим проблем нет. 2. зеленый контур. имеет ширину в 900px (ширину страницы) располагается по центру. (тут проблем тоже не возникае) а сам проблема возникает при добавлении следующих блоков: 3. желтый, синий, зеленый - на которых логотип, форма поиска, логин+кнопки …

    Asked by To_wave, December 18, 2013

    0 votes
    8 answers
11. В хроме прыгают картинки

    В хроме, при наведении на блок, в нижнем блоке некоторые картинки дергаются вправо, другие дергаются вообще через ряд [удалено] Куда копать?

    Asked by chocolate_moles, December 18, 2013

    0 votes
    2 answers
12. Flexbox, разочарование или нет?

    Казалось бы, реализовывать с помощью флексбоксов галереи или карточки товаров должно быть намного более удобно, чем через флоаты или инлайн-блок. Но вот мне так и не удолось добиться того, что бы красные плитки шли одна за другой, а именно, что бы не было пустого места между 7 и 8 плиткой ( а это, как раз, типичная модель галереи или карточек товаров должна получиться ) http://jsfiddle.net/3zkAf/ Что же делать?

    Asked by Evkaky, December 17, 2013

    0 votes
    4 answers
13. Прозрачные границы у таблицы

    В общем не хотят границы у таблицы быть прозрачными. Есть выход? http://jsfiddle.net/G3Qu7/

    Asked by Zverushka, December 18, 2013

    0 votes
    2 answers
14. border-radius для внутренних эл-в

    Мне нужно сделать такую штуку: <div class="item_header"> <div class="item_header_title">A SIMPLE MATH PROBLEM</div> <div class="item_header_price">$30</div> </div>для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов. Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение.. может быть какое-то сочетание из display и overflow? или как-то иначе.. Спасибо

    Asked by basist, December 17, 2013

    • border-radius
    • скругление
    • углов
    0 votes
    5 answers
15. Занять 100% высоты экрана, известными методами реализовать не удалось.

    Здравствуйте! Помогите решить проблему, их несколько, но основная это: 1) Растянуть на всю высоту экрана и не появлялась полоса прокрутки, используя лишь средства CSS. Поддержка старых версий браузеров не важна, главное что бы на основных браузерах работало. http://jsfiddle.net/Vicos/KH2gC/ Картинки не отображаються, не понял куда их пристроить чтобы в сервисе jsfiddle работали. Так же готов выслушать критику по вёрстке. Спасибо всем кто уделит время.

    Asked by Vicos, December 15, 2013

    • 100% высота
    0 votes
    8 answers
16. Выпадение блока в IE

    Подскажите, пожалуйста, почему в IE данный блок выпадает из main? Верстка: https://googledrive.com/host/0B6IlwqUO2fshV3M2MjRXT1VTM28/

    Asked by Aleksandr.L, December 17, 2013

    0 votes
    1 answer
17. Выбор этажа здания

    Здравствуйте. Нужно реализовать поэтажный выбор на здании. То есть при наведении на этаж накладывается маска, полупрозрачное изображение. Знаю что можно сделать такое через map area. Но думаю можно воспользоваться каким нибудь более продвинутым вариантом. Подскажите какие еще есть варианты? Пытался погуглить, но я даже незнаю как это называется, поэтому ничего толкового не нашел. И какким образом высчитываются координаты, если речь идет об map area?

    Asked by massef, December 17, 2013

    0 votes
    3 answers
18. Подскажите, пожалуйста

    Здравствуйте! Подскажите, пожалуйста, у меня, есть блок с 4 картинками 500х1000px, как сделать что бы на странице в нормально состоянии они были обрезаны 500х500 а полностью ”открывалась” только при наведении мыши? Как то так:

    Asked by stan07, December 17, 2013

    0 votes
    2 answers
19. Мотивирующий топик для заказчиков о изящной деградации

    Здравствуйте. Я попрошу ссылки на статью, где было бы объяснено именно для заказчика, почему изящная деградация хорошо, а костыли для ие8 это плохо. Если нет статьи, то предлагаю собрать здесь все мысли форумчан воедино, чтобы можно было из этого создать хорошую статью и уже давать ссылку для заказчика, который еще не в курсе, что это такое и хочет везде круглые уголки и прозрачность. Итак сочинение на тему - почему изящная деградация это хорошо? (представьте, что объясняете заказчику) ....

    Asked by Zverushka, December 16, 2013

    0 votes
    50 answers
20. Закругленные уголки на google mapse

    Как сделать гугл мапсе скругленные уголки? Что я только не делал. Ничего не помогает. Почему такое вообще происходит, что на контейнере с гугл-картой не работает border-radius? http://jsfiddle.net/Hu3SK/

    Asked by Evkaky, December 17, 2013

    0 votes
    2 answers
21. Изменение одного блока с другого

    Есть два блока (div'а) с рамочкой в 1 пх. Как можно сделать чтобы при наведении на ВТОРОЙ блок рамочка попадала у ПЕРВОГО. Можно ли это реализовать без скриптов? Вот заготовка http://jsfiddle.net/nkNWt/

    Asked by alleclf, December 17, 2013

    0 votes
    2 answers
22. Mozilla Firefox добавляет padding сверху

    данная проблема прослеживается только в браузере FF, даже если обнулить padding и margin. К тому же подсоединена таблица сброса. подскажите пожалуйста решение этой проблемы

    Asked by Евгений Сидов, December 17, 2013

    0 votes
    2 answers
23. Верстка рассылки.

    Решил сверстать рассылку, до этого никогда их не верстал Столкнулся с проблемой. У td появляются лишние 5px http://prntscr.com/2bsayh Верстка тут http://alexlebedev.pw/works/domini/

    Asked by swandev, December 17, 2013

    0 votes
    13 answers
24. Загрузка видео на сайте

    В общем суть проблемы, я внедрил видео на сайт с плеером и плейлистом vaymax HD 9.1.1, но загрузка слишком долгая, хотя видео мелковатое (50-100 мб), хочу узнать почему так? может сам хостинг медленно это дело грузит (discount asp.net), может плеер так тупит, может из-за того что хост находится очень далеко, и скорость у меня лично в Украине мала, хотя с России еще хуже. С крупных плееров не ютуб грузит ХД без проблем, а тут .mov ели ели... Помогите советами. С ув.

    Asked by radzievskii.vladimir, December 16, 2013

    0 votes
    1 answer
25. Проблемы с SASS

    Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результ…

    Asked by Ludwig Voltman, December 14, 2013

    • sass
    • scss
    • препроцессоры
    • проблемы
    0 votes
    5 answers