HTML Coding

29,542 questions in this forum

1. Как сверстать выносную линию

   Что-то я опять залип. Допустим есть меню правый край которого должен прилипать к краю окна, но его контент должен быть центрирован по основной линии. И чтобы это все не разлеталось при ресайзе. Есть идеи?

   Asked by pangurban, October 17, 2014

   0 votes
   5 answers
2. Два варианта текста

   Как делаются варианты по выводу текста страницы: - для просмотра браузером - для просмотра перед печатью Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано? для просмотра http://kino-teatr.ru/kino/movie/hollywood/51133/forum/ для печати http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/ Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?

   Asked by кэп, October 17, 2014

   0 votes
   5 answers
3. IE9+ font

   Всем доброго времени суток. Возникла проблема с отображением шрифта в IE9+, а точнее его не отображением. Вот пример. Шрифт показывается в остальных браузерах, но в IE9+ не хочет, хотя формат ttf. Может проблема в самом файле шрифта?

   Asked by Arthur, October 21, 2014

   0 votes
   5 answers
4. шапка не продолжается при горизонтальнйо прокрутке

   http://www.serviceprint-novoros.ru/ Если уменьшить окно со страницей до появления горизонтальной прокрутки то при этой самой прокрутке верхняя полоса обрезается и не продолжается до конца страницы, не подскажите как это исправить? АПД Частично решил проблему добавлением min-width, но хотелось бы чтобы оно автоматом отрисовывало

   Asked by Diletant, October 19, 2014

   0 votes
   5 answers
5. что за бордер? или не бордер

   Всем привет, ток начал bootstrap использовать, делаю всплывающую форму, туплю паходу но не пойму откуда бордер когда нажимаешь на кнопку, остается синий бордер? как его убрать? http://jsfiddle.net/4gm0rb0j/13/

   Asked by tr0nik, October 24, 2014

   0 votes
   5 answers
6. bxslider в табах

   Возникла тут проблема. Есть блок с 3 табами(вкладками), и в каждом свой слайдер. Вроде все сделал, но слайдер работает только в первой вкладке. При переключении на вторую или третью, контент слайдера не показывается, остаются только кнопки управления. Прочитал что нужно при нажатии на таб перегружать слайдер в таком случаи, так как блок был скрыт и он не просчитал размеры. Сделал вот так: var slider = $('.bxslider-product-all').bxSlider();var sliderNew = $('.bxslider-product-new').bxSlider();var sliderSpecial = $('.bxslider-product-special').bxSlider();$('.tabs-link').click(function(){ slider.reloadSlider(); sliderNew.reloadSlider(); sliderSpecial.reloadSlider();}); И…

   Asked by paralex, October 25, 2014

   0 votes
   5 answers
7. Куда сдвинуть блок(и)?

   Всем привет) Вот сайтик http://texteredsa.besaba.com/marca/ в хедере 3 блока, где лого, поиск и корзина. при уменьшении экрана, куда их сдвинуть лучше будет и какие сдвинуть чтобы адаптив лучше сделать? а то уже пару часов парюсь и не очень получается.

   Asked by raptor-dm, November 5, 2014

   0 votes
   5 answers
8. Динамичная загрузка контента на php

   Добрый день. Для статичного подключения php файлов использую: <?phpinclude "content.php";?>Покажите пожалуйста маленький пример, как подгружать динамически, т.е. при нажатии на ссылку/кнопку изменить содержимое div. Спасибо.

   Asked by Ururu, November 1, 2014

   0 votes
   5 answers
9. Раскрывающееся окно при наведении мышкой

   Добрый день! Очень хочется узнать, как реализованы всплывающие окна при наведении мышкой, как на сайте http://deti.mail.ru В самом начале есть блок новостей, при наведении на одно из которых появляется описание новости. Очень хочется узнать, как реализована данная идея!

   Asked by marianna9201, November 1, 2014

   0 votes
   5 answers
10. Как узнать какие плагины (слайдеры) установлены на сайте?

    Здравствуйте! Подскажите, как можно узнать какие плагины (слайдеры) установлены на сайте? В Firebug'е смотрела, но -- безрезультатно. Ну, например, вот этот сайт: http://www.pascalvangemert.nl/ -- как он работает, что на нем установлено? Или эти: http://alexarts.ru/en/index.html http://www.estudioagraph.com/

    Asked by Fendia, November 6, 2014

    0 votes
    5 answers
11. видеоплеер

    посоветуйте пожалуйста пллер, который мог бы проигрывать любые видеоадреса(не только с ютуба) и не требовал бы картинки-превью вариант типа <iframe width="420" height="315" src="//www.youtube.com/embed/EC_R9ZLhT7Y" frameborder="0" allowfullscreen></iframe>не устраивает так как если пользователь введёт адрес, скопированный из адресной строки браузера: ,то видео проигрываться не будет

    Asked by cyklop77, November 7, 2014

    0 votes
    5 answers
12. Наложение div друг на друга bootstrap

    Подскажите пожалуйста по следующему моменту: Верстал при помощи bootstrap. В макете форма имеет такой вид: Но не получается сделать, чтобы форма накладывалась на background частично, т.е. вот что выходит: Я в верхнем div class="row" вывожу саму форму, а у нижнего div class="row" background'ом вывожу изображение. Как сделать что бы верхний row частично перекрывал нижний? Пробовал задать margin-bottom: -200px; и верхнему div'у z-index:2; а нижнему z-index1; Пока не получается.

    Asked by jdk, November 10, 2014

    • css
    • bootstrap
    0 votes
    5 answers
13. Как сверстать вот такой блочок

    Столкнулась с небольшой проблемой при верстке вот такого блока http://prntscr.com/56kp3s Макет: http://prntscr.com/56kovy Особенность в том что картинки подставляются прямоугольные, а не квадратные (тут проблем нет). Помогите сверстать красивое кроссбраузерное решение. Вот что пока у меня получилось http://azharova.ru/test/kruglyash.html#

    Asked by Anna Zharova, November 15, 2014

    0 votes
    5 answers
14. Почему Mozilla FireFox отображает шрифты шире чем все остальные браузеры

    Доброго времени суток, я начинающий верстальщик, и я всегда сталкиваюсь с одной проблемкой, практически любой шрифт если он на английском отображается шире в Firefox чем в Google Chrome, то есть если написать какую нибудь строку на английском то он будет гораздо шире в Firefox чем в Chrome, и наоборот если это русский текст то тут уже в Firefox текст короче чем в Chrome и вторая картинка с английским текстом я понимаю что это всё не так критично просто хочется чтобы шрифты отображались одинаково во всех браузерах.

    Asked by Special One, November 16, 2014

    • шрифты в mozilla
    • верстка
    0 votes
    5 answers
15. Валидатор ругается

    Добрый день. Подскажите пожалуйста кто-нибудь мне ответ. Проверяю свой сайт http://www.smplast.com/ на сервисе http://validator.w3.org/, вижу что есть ошибки, но не знаю куда мне теперь нужно зайти чтобы их исправить. Я делала сайт с использованием шаблона, поэтому плохо знаю структуру + я только учусь.

    Asked by Ira_Ira, November 16, 2014

    0 votes
    5 answers
16. Эффект вдавленного текста

    Доброго времени суток уважаемые форумчане! У меня такая проблема. Хочу добиться эффекта вдавленного текста с помощью css3, принцип как это работает понимаю, но есть небольшое НО. В моем случае имеется такой стиль: .navbar { padding-right: 20px background-color: #2C2C2C; background-image: -moz-linear-gradient(center top , #333, #222); background-repeat: repeat-x; border-radius: 0px; box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.25), 0px -1px 0px rgba(0, 0, 0, 0.1) inset; padding-left: 20px; background-attachment: scroll;}h1 { color: #151515; padding-top: 5px; font-weight: 900; font-size: 50px; font-family: Arial,​ Tahoma,​ Verdana,​ sans-serif; text-shadow: -2px -2px 1px …

    Asked by Stavanger, November 27, 2014

    • css
    • html
    • верстка
    • style
    • css3
    0 votes
    5 answers
17. display: inline

    Всем доброго времени суток! Есть такой код Промежуток между тегами li насколько я понимаю из-за табов и пробелов?!. Первые 2 li идут без пробелов и табов и проблемы нет. Но как без изменения HTML кода, средствами CSS убрать эти отступы ? P/S. Интересует как избавиться от отступов именно в такой ситуации. Если что, то я имею представление про float: left и т.п.(вместо display: inline)

    Asked by Arthur, November 25, 2014

    • display
    0 votes
    5 answers
18. Проблемка с выравниванием

    Вечер добрый, не могу решить одну задачу с навигацией. В общем, мне нужно выровнить текст в li. А когда я в css прописываю text-align: center, у меня выравнивается только по вертикали. Мне нужно вот так: А у меня:

    Asked by amalia, November 26, 2014

    0 votes
    5 answers
19. проблема со шрифтом и тенью

    Здравствуйте! При верстке учебного макета Влада http://htmlbook.ru/samlayout/verstka-na-html5/maket-saita столкнулся с двумя проблемами: 1. шрифт jacob_ctt.ttf ну ни как не хочет отображаться на страничке. Хотя в систему (виндовс) ставится нормально. Если вместо него подсунуть в css дпугой шрифт - все работает. Подключаю фонт так: @font-face { font-family: JacobCTT; src: url(../mock_up/jakob_ctt.ttf);} 2. как не пытался не смог "подсунуть" .informer:after под .informer или "перекрыть" .informer:after .informer`ом. для создания тени. Подскажите, как решить эти 2 проблемы? Сама верстка находится тут: http://snake3.16mb.com/Lion/page.html

    Asked by Denni, December 3, 2014

    0 votes
    5 answers
20. Как лучше проверить является ли бутстрап-верстка responsive на персоналке

    Всем привет, Есть сайт разрабатываемый на основе бутстрап-темплейта. Надо проверить является ли бутстрап-верстка responsive на маленьких и очень маленьких устройствах. А как-то лучше проверить на персоналке с 22дюймовым монитором ?

    Asked by mstdmstd, November 29, 2014

    0 votes
    5 answers
21. Нужно реализовать такую фишку скрывать краткое описание

    реализовать такую фишку как на сайте Розетка чтобы скрывать краткое описание а при наведении оно появлялось ! Вот на таком сайте ocStore Версия 1.5.5.1.2

    Asked by virtas, November 29, 2014

    • краткое описание
    • скрывать краткое описание
    0 votes
    5 answers
22. Помогите расположить скрипты в горизонтальном положении на странице

    Доброго времени суток. Такая проблема, нужно расположить этот код(эта кликабельная картинка с кликабельной подписью под ней) в горизонтальный ряд. Таких контейнеров у меня 5, но на странице они идут только сверху в низ, а нужно чтобы шли горизонтально. Пробовал этот вариант - http://htmlbook.ru/faq/kak-razmestit-elementy-spiska-gorizontalno , не помогло. Вот код. Заранее благодарен. <style style="font-size: 12">figure.img { margin: 0; text-align: center;} figure.img img { max-width: 100%; height: auto;}figure.img figcaption { padding: 0 1%; font: italic 90% Georgia,serif;}</style><figure class="img"> <a href="...."><img alt="...." src…

    Asked by Pavel_Monet, November 30, 2014

    0 votes
    5 answers
23. Шестиугольник из треугольников!

    Всем привет, нужно сверстать правильный шестиугольник, из шести треугольников. Каждый треугольник это активный элемент(пункт меню). Кааак??) думал через border-ы нарисовать шестиугольник, но что-то никак.. та и к тому же, нужно менять css активного треугольника при наведении)

    Asked by xTODx, December 1, 2014

    0 votes
    5 answers
24. Таблицы + Блоки (нужна помощь)

    Здравствуйте. Требуется помощь в написании одной страницы сайта. Код страницы с которой требуется помощь. Код CSS: Задача стоит следующим образом, нужно разместить изображение карты и на карту слоями нанести определенные надписи на определенных городах. При размещении записей у меня уплывает низ первого блока (div class="div-map"). Т.е. длинна страницы при большом количестве городов очень становится длинной. Фото как получается Как решить такую проблему? P|S код черновой. сильно не ругайте.

    Asked by Payalnik610, December 5, 2014

    • Div
    • позиции
    0 votes
    5 answers
25. Двухуровневое меню

    Добрый день! Никак не могу решить проблему со своим меня на сайте. По макету все должно выглядеть следующим образом http://c2n.me/3cdJWb4 Но у меня почему-то .sub-menu оказывается под сладером( пробовал выставлять для них z-index. Ничего не помогает. Подскажите как решить проблему? Вот сам сайт: http://justexemple.host56.com/

    Asked by alex.kv, February 11, 2015

    0 votes
    5 answers