HTML Coding

29,542 questions in this forum

1. Нужна помощь с 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
2. Элементы "дергаются" в Хроме при перезагрузке страницы.

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

   Asked by vovka-morkovka, December 17, 2013

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

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

   Asked by stan07, December 17, 2013

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

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

   Asked by Temik2704, December 17, 2013

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

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

   Asked by Evkaky, December 17, 2013

   0 votes
   2 answers
6. Как задать разные css для каждого option в select

   Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.

   Asked by Daiver, December 17, 2013

   • css
   • option
   • select
   0 votes
   10 answers
7. Mozilla Firefox добавляет padding сверху

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

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

   0 votes
   2 answers
8. Выбор этажа здания

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

   Asked by massef, December 17, 2013

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

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

   Asked by alleclf, December 17, 2013

   0 votes
   2 answers
10. Привет всем! Прошу совета, я начинающая в Web-дизайне.

    Привет всем! Прошу совета, я начинающая в Web-дизайне. Не получается красиво отобразить материал. Создаю сайт на Joomla. Нужно что бы слева было фото, под ним видео(youtube), а справа шло описание в колонку. Примерно как: http://s2.ipicture.ru/uploads/20131217/6Fn0S0H7.bmp Пробовала в таблицу, в левый столбец фото и видео, в правый описание, но пропадает эффект "responsive". Может использовать "columns" ? Заранее очень благодарна всем за советы).

    Asked by larisa2, December 17, 2013

    0 votes
    10 answers
11. Верстка рассылки.

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

    Asked by swandev, December 17, 2013

    0 votes
    13 answers
12. Не правильно отображает в 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
13. Вертикальное выравнивание картинки в div

    Доброго времени суток. Помогите, пожалуйста, выровнять вертикально картинки товаров по центру. Пробовал через, но ее получилось. .textalign{ 2 display: table-cell; 3 }

    Asked by smirn0ff, December 16, 2013

    0 votes
    5 answers
14. Визуальный баг в Photoshop

    Всем привет, есть проблема в Photoshop, при приближении / отдалении изображения могут отражаться неточно, так например: При приближении 82,6% линию не видно, а при 75,1% появляется: Что примечательно, если приблизить ещё ближе, линия может снова пропадать и появляться. Когда линия одна - вроде бы, ничего страшного, но при дальнейшем формировании макета - пропадают сразу несколько элементов! Я более чем уверен, вы сталкивались с аналогичной проблемой, почему она возникает и, может, кто-нибудь знает как с ней бороться?... UPD: или вот, вообще вот так: Приближение 83,5%, теперь не видно нижнюю линию вообще. А при 56,4% не видно ни одной линии!!!

    Asked by Arinden, December 16, 2013

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

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

    Asked by radzievskii.vladimir, December 16, 2013

    0 votes
    1 answer
16. Fotorama

    Наврное многие используют http://fotorama.io Столкнулся проблемой, как превью, раположить снизу не под фото прокручиваемым, а на само фото в лефом углу без центирования по центру. Превю расположил слева. А вот как сделать так не пойму: https://dl.dropboxusercontent.com/u/59113912/kar.jpg Т.е. превю на фото в нижнем левом углу

    Asked by okunev2, December 16, 2013

    0 votes
    9 answers
17. Коментарии под статью

    Как поставить форму комертарии под статью? У меня html сайт. Говарю сразу я начинающий. Попрошу без издевок. Вот скрин - http://clip2net.com/s/6oMapJ

    Asked by Feliks012, December 16, 2013

    0 votes
    6 answers
18. Не работает pie

    http://kavity5.ru/ Всю папку с pie закинула в pie/ Дописываю свойство behavior: url(pie/PIE.htc); в css там, где круглые уголки. А конкретно - у маленьких превьюшек товаров, которые в белых квадратиках в .list-catalog-preview li - но ничего не происходит. Что я делаю не так?

    Asked by Zverushka, December 16, 2013

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

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

    Asked by Zverushka, December 16, 2013

    0 votes
    50 answers
20. Шрифт GaramondPremrPro

    В макете дизайнер использовал шрифт GaramondPremrPro, вызываю строкой с гугла в верстке: @import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic);На сайте выглядит так надпись одна: В макете выглядит так: Не работает вывод цифр, вроде как английского и знака №. Как это побороть, кто сталкивался? Шрифт такой GaramondPremrPro наврное конвернуть под вебфонт? Бкд признателен, если кто поделится.

    Asked by okunev2, December 16, 2013

    0 votes
    2 answers
21. Можно ли использовать border вместо margin?

    Делаю верстку с резиновыми колонками и фиксированными отступами между ними. .col {margin-left: 10px;margin-right: 10px;}Через float колонки находятся в одном ряду. Если задать margin, при ресайзе окна колонки не обтекаются и переносятся. Подумал для этого использовать бордеры, вот так: border-left: solid 10px transparent;border-right: solid 10px transparent;Можно так?

    Asked by Маленьке Звірятко, December 15, 2013

    • margin
    • border
    • резина
    • сетка
    • верстка
    • резиновая верстка
    • float
    • grid
    • column
    0 votes
    1 answer
22. Подскажите как развернуть.

    Подскажите как сделать раскрывание в право, а не в лево. http://truequery.ru/m_razdvijnoe_gorizontalnoe_menu_na_jquery.html

    Asked by jontsk, December 15, 2013

    0 votes
    6 answers
23. Вопрос по СSS

    1. На карте находятся маркеры, когда мы нажимаем на них - появляется окно - нужно выровнять текст окна относительно картинки. http://ned.ygastik.ru/karta 2. В подвале сайта нужно выровнять заголовки относительно картинок. http://ned.ygastik.ru/content/1-komn53-m2

    Asked by 561144, December 15, 2013

    0 votes
    1 answer
24. Занять 100% высоты экрана, известными методами реализовать не удалось.

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

    Asked by Vicos, December 15, 2013

    • 100% высота
    0 votes
    8 answers
25. Ссылка самостоятельно дублируется

    Здравствуйте. У меня произошло нечто странное. Проблема на сайте http://moon-kingdom.3dn.ru/ Там есть ссылка "статьи",в реальном коде сайта она всего одна,но неизвестно откуда появилась вторая ссылка с тем же адресом,она находится сразу после #navigationLinks и действует при нажатии на td content. Dragonfly показывает мне 2 ссылки и вторую никак не убрать,т.к. в коде сайта ее не существует,а скриптом она убирается,разумеется,только вместе с td content. Если совсем удалить кнопку "статьи",таким же образом продублируется ссылка на новости,если удалить и ее-на главную. Кто-нибудь сталкивался с подобным явлением? Подскажите,как это исправить.

    Asked by mcdude, December 15, 2013

    0 votes
    2 answers