HTML Coding

29,542 questions in this forum

1. проблема с <input> выпадает с блока <p>

   Добрый вечер! Верстаю мой самый первый макет, почти закончил верстку странички, осталась одна проблема с формой вода! В Мозиле вроде все нормально а в других браузеров <input type="text">как бы выпадает за блок <p> не могу понять в чем причина? Если не трудно заодно оцените саму верстку укажите где мои ошибки? А они я думаю точно есть! За ранее благодарствую всем! :-) http://jewerli-store.esy.es/

   Asked by TuTaHuKk, November 26, 2014

   0 votes
   3 answers
2. обводка блока с ссылкой

   Доброго дня! Недавно обнаружил такую вещь, что на одном из сайтов у блоков (дивов, списков, картинок) с ссылками появляется обводка при нажатии http://img.tritiumnet.org/709923.jpg Нашел схожую тему на HTMLBook, но что-то outline не помог

   Asked by awpshko, November 27, 2014

   0 votes
   3 answers
3. Помогите собрать регулярное выражение HTML5

   Доброго времени суток, помогите собрать регулярное выражение вида: +38(063)937-99-92 +7(055)654-54-98 При чем: знаки "+" "()" "-" не обязательны, то есть можно так 3809379992! что бы в начале (+...) разрешало 2 символа (для Украины) и один (для России)

   Asked by karakym, November 27, 2014

   • html5
   • required
   • tel
   • regular
   0 votes
   3 answers
4. Вопрос от чайника по размеру изображений

   Доброго времени суток! Я самая что ни на есть начинающая. Купила книгу по html, вот сижу ее штудирую. Поэтому заранее прошу пощения за совершенно идиотский вопрос. Автор сначала нарезает макет будущего сайта, сохраняет изображения и пр. и пр. Потом начинает верстать сайт с самого начала. И на моменте, когда он добавляет в код изображения, я немного запуталась. Вот пример : <a href="#"<img alt="" src="img/cart.png" width="66px" height="59px" /></a> Это что-то типа картинки/баннера со ссылкой, не суть. Я не понимаю, откуда он берет значения ширины и высоты? Не из головы же он прописал именно эти цифры? Я повторяю каждое его действие на своих картинках…

   Asked by kds2108, November 30, 2014

   0 votes
   3 answers
5. Смещение текста

   Здравствуйте! Начал изучать создание интернет магазина. Пишу с помощью php дизайнера. И столкнулся с такой проблемой. Смещается текст в блоке header. Не могу сделать чтобы было одинаково во всех браузерах: Opera, Explorer, Mozilla и т.д. Заранее спасибо! http://itmages.ru/image/view/2082446/5bdf089e http://itmages.ru/image/view/2082436/4c08e429

   Asked by azamatomus, November 30, 2014

   0 votes
   3 answers
6. Выравнивание ряда картинок по вертикали

   Внизу сайта http://teplogid18.ru/ есть картинки http://joxi.ru/812MkDqU4Ea1rJ Как их выровнять по одной линии? http://joxi.ru/DBA0wpPfBQO42y

   Asked by smirn0ff, December 1, 2014

   0 votes
   3 answers
7. Видео с youtube

   Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как изменить значок воспроизведения в видео с youtube?

   Asked by stan07, December 4, 2014

   0 votes
   3 answers
8. Как сверстать такую навигацию

   Здравствуйте, уважаемые форумчане! Сейчас я верстаю сайт, на котором мне нужно сверстать такую навигацию. Буду очень благодарен за помощь.

   Asked by misha709, December 4, 2014

   • навигация
   • верстка
   0 votes
   3 answers
9. как правильно задействовать text-overflow ?

   Ребята, я тут совсем запутался. Kак сделать обрезание текста по вертикали? Ещё и стрелку прикрутить. -- (БЕЗ JS) -- https://yadi.sk/i/sJPP2-IidBZoT

   Asked by veremey, December 5, 2014

   • text-overflow
   • overflow
   0 votes
   3 answers
10. Надо закрыть от Yandex и Гугл, счетчик и diqus

    Почти на всех страницах моего сайта есть счетчик хотлог, и на некоторых комментирование от disqus. Хотелось бы закрыть их от поисковиков, чтобы не попасть под фильтры. Прочитал что можно сделать так, <noindex> <rel=noffolow> счетчик, комметирование</a></noindex>, то есть дать ссылкам атрибут nofollow, а перед этим закрыть <noindex>-ксом, Можно так сделать? ДО <!-- HotLog --><span id="hotlog_counter"></span><span id="hotlog_dyn"></span><script type="text/javascript"> var hot_s = document.createElement('script');hot_s.type = 'text/javascript'; hot_s.async = true;hot_s.src = 'http://js.hotlog.ru/dcounter/2…

    Asked by manas_anarov, December 6, 2014

    0 votes
    3 answers
11. Нестандартный фон для динамического элемента

    Добрый день! Есть элемент в макете - всплывающее подменю с нестандартным фоном. Проблема в треугольнике слева от первой ссылки. Подскажите, пожалуйста, как лучше реализовать такой фон с учетом того, что количество ссылок в меню может меняться? Буду очень признателен за любую наводку, очень много времени потратил на поиск решения.

    Asked by yustnip, December 6, 2014

    0 votes
    3 answers
12. Как сверстать необчный блок с вкладками?

    Здравствуйте! Есть макет блока с вкладками (табы), но сами элементы переключения влкадок имеют необычную форму. Как сверстать этот макет?

    Asked by dangerous, December 7, 2014

    • вкладки табы
    0 votes
    3 answers
13. проблема с text decoration

    взгляните на это: http://s017.radikal.ru/i435/1412/05/d0e008a72426.png я вперые такое вижу если честно. где верхние 3 блока ссылка подчеркнута пунктиром, text decoration только сплошную линию ставит и то расстояние нельзя урегулировать, border не подходит, т.к. он только под всей ссылки поставит одну линию. как такое решить? не ошибка ли дизайнера? и второй момент, там где полезные статьи, text-decoration чуть ниже находится, как опустить его?

    Asked by raptor-dm, December 7, 2014

    0 votes
    3 answers
14. Выход за рамки экрана (паралакс)

    В общем все очень плохо. собсна страничка: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/index_3.html весь ксс: http://xn—-ctbedgho0bcaadbcbkvjpe0dc6u.xn--p1ai/style11.css Стиль изначально не мой, вроде все подогнал и переделал под себя, но осталась последняя проблема: при зажатии левой кнопки или средней + движении мышки вправо - огромное полупустое пространство. (в изначальном варианте стиля с этой страницей - эта проблема существовала). overflow-x: hidden только скрывает бегунок. проблема кроется в этом куске: Каждый класс друг на друга влияет, не могу толком понять, что так сильно растягивает страницу. width: 165vw; дает сильный сдвиг. (что за vw кстати…

    Asked by Linblack, December 7, 2014

    0 votes
    3 answers
15. Карта из гугла

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как вставить карту из гугла как тут: http://lawyer-bayor.ru/ (внизу страницы)?

    Asked by stan07, December 9, 2014

    0 votes
    3 answers
16. Вопросы по адаптивной верстке и скролл-эффектам

    Друзья, делаю сайт для себя (по факту уже третий раз заново переделываю), сайт-портфолио в виде слайдера (чо я не модный штоли ), в хердере большая картинка. Вопрос такой как лучше эту картинку сделать, тянуть на всю высоту или просто ей задать высоту, и как интересней сделать скроллинг, можно page-scroller а можно простой скроллинг. Была попытка сделать все пять экранов с высотой 100hv, но уперся с выравниванием по вертикали (решить знаю как но мне не совсем нравится метод). Короче это наверное больше дизайнерские вопросы, выслушаю всех у меня творческий тупик. Ах да как вам этот плагин http://html5.by/blog/scroll-effects/ ?

    Asked by Sergik+, December 10, 2014

    0 votes
    3 answers
17. псевдоэлементы ко всем img'ам в таблице

    Имеется такая html-структура: <table class="preview"><tbody><tr><td><div><a class="page-link-object" href="product/kitchen.htm"><img src="kitchens_icon.png"></a></div><div><a href="product/kitchen.htm">Кухни</a></div></td><tr></tbody></table> Требуется подключить псевдоэлемент :after ко всем тегам img таблицы .preview. Моя версия CSS: .preview img:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) inset; opacity: 1; background: #000000;} Что не так и главное - почему?

    Asked by maritca, December 10, 2014

    0 votes
    3 answers
18. Как добавить карту на сайт?

    Подскажите, как добавить карту на сайт? Карта -- имеется в виду, карта адреса. То есть, адрес и указание на карте...Как это делается?

    Asked by Fendia, December 12, 2014

    0 votes
    3 answers
19. Язык

    Здравствуйте, скажите пожалуйста почему когда я написала этот тег : <li><a href="#">Title</a></li> <li><a href="#">Title</a></li> <li><a href="#">папа</a></li> <li><a href="#">Title</a></li> <li><a href="#">Маша</a></li> у меня получилось вот что Title Title папа Title Маша, я не понимаю в чем проблема скажите пожалуйста, а то дальнейшее обучение и создание сайта не имеют смысла... • Ответить •

    Asked by Ольгаа, December 17, 2014

    0 votes
    3 answers
20. Прокрутка страницы

    Подскажите как сделать прокрутку по блокам. хочу разбить страницу таким образом, чтобы при одном прокручивании колеса страница переходила на след блок. Что-то в виде должно получиться))

    Asked by moldran, December 13, 2014

    • html
    • scroll
    0 votes
    3 answers
21. Как сделать черту сразу под текстом?

    http://trakservis.ru/leasing/ Заголовок "финансовый лизинг". Как сразу же после него сделать линию не могу понять? Делаю и в любом случе отступ получается.

    Asked by sergeyshat, December 13, 2014

    0 votes
    3 answers
22. SOS

    Делаю меню для сайта и появилась такое подчеркивание в виде гиперссылке относящейся к кнопке Наш выпуск. Она появляется при активных кнопках: О нас, Наши собаки, Контакты. Подскажите пожалуйста в чем моя ошибка и как это исправить. Спасибо.

    Asked by Gromglar, December 14, 2014

    0 votes
    3 answers
23. адаптивность

    Подскажите, от чего зависит так сайт на мобильном выглядит http://awesomescreenshot.com/01f41233d7 или так http://awesomescreenshot.com/02e41234a2 это же не адаптивность

    Asked by fowl, December 14, 2014

    0 votes
    3 answers
24. Не срабатывает vertical-align:bottom;

    Добрый день. Видел уже несколько ответов на эту тему, но решить к сожалению не смог. Подскажите пожалуйста как выровнять ссылки по нижнему краю. <div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/chocoboy_cat.png" alt=""/> <a class="name_link_main" href=""> Чокобой </a></div><div class="product"> <img src="<?= get_template_directory_uri(); ?>/images/gute.png" alt=""/> <a class="name_link_main" href=""> Крекер ГУТЭ </a></div>.product { float: left; text-align: center; margin-right: 10px; wi…

    Asked by jdk, December 16, 2014

    • css
    0 votes
    3 answers
25. Position:absolute и скроллбар

    Здравствуйте. http://jsfiddle.net/ovwtsab7/ По ссылке вы можете увидеть схематическое меню сайта (красный блок) и два блока (синих) с фоновыми изображениями для декорации меню. При уменьшении окна браузера синие блоки должны уезжать за пределы видимости, как и происходит с левым блоком. Проблема заключается в правом блоке, из за которого появляется горизонтальный скрол. Подскажите, как добиться такого же результата, как и с левым блоком.

    Asked by alex_web64, December 16, 2014

    0 votes
    3 answers