HTML Coding

29542 questions in this forum

1. Opera 9.* и em

   Здравствуйте. Решил попробовать сверстать эластичный макет (с использованием em практически для всего) и столкнулся с проблемой. Вот на этой страничке пробник моей верстки. Пользователи Оперы, обратите внимание на ширину верхнего навигационного меню (#top_menu) - оно намного меньше, чем нужно. При этом во всех остальных браузерах, в которых я тестил эту страничку, с шириной меню все нормально. Размеры подгонял под все браузеры, чтобы при масштабировании верстка сильно не сыпалась Подскажите, пожалуйста, в чем может быть причина косяка и косяк ли это вообще?

   Asked by Azadi, January 28, 2008

   0 votes
   3 answers
2. проблема с background'ом

   background не выводится! CSS #id1 { overflow: auto; height: 460px; width: 460px; background-image: url('images/design/flag60.jpg'); background-repeat: no-repeat; background-attachment: fixed; } HTML <div id="id1">бла-бла-бла</div>

   Asked by .:K.e.I.j.I:., February 28, 2009

   0 votes
   9 answers
3. атрибут для caption=""

   Привет народ! Валидатор ругается в этом коде на первую кавычку = caption="альбом - Архитектура"> и пишет так = there is no attribute "CAPTION". доктайп - DTD HTML 4.01 Transitional Какую ему кавычку подсунуть? Доктайп менять не охота

   Asked by styleroom, May 11, 2009

   0 votes
   9 answers
4. Как выравнить счечики посещений

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

   Asked by marcool, October 20, 2009

   0 votes
   7 answers
5. Адаптивная верстка

   Всем привет! Такой вот вопрос.. Хочу освоиться в адаптивной верстке и вот думаю нужно ли использовать фрэймворки? Больше все мне понравился Bootstrap. Как вы думаете стоит ли писать адаптивные сайты вручную или достаточно воспользоваться тем же Bootstrap'оm?

   Asked by Eskard, January 10, 2014

   0 votes
   14 answers
6. А как вы прижимаете футер к низу? (unknown height, IE < 10)

   Доброго времени суток, уважаемые форумчане! Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры. Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?) Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с нед…

   Asked by web-monster, June 9, 2015

   0 votes
   12 answers
7. Увеличение картинки в многоугольнике

   Здравствуйте. Не могу решить задачу. Есть картинка в многоугольнике, по наведению она должна увеличиваться. У меня сейчас получается только эффект "гармошки": http://codepen.io/anon/pen/wGaoqY. Знаю откуда ноги растут - картинке задана высота 100%, но если установить auto, то тогда на hover искажается многоугольник. Подскажите, пожалуйста, как это исправить.

   Asked by Crystal-3, March 2, 2016

   0 votes
   17 answers
8. Галерея Simple lightbox на телефоне

   Проблема со скриптом плагина simple lightbox. Самой решить не удалось. Подскажите направление, пожалуйста. Сайт http://borodin-art.ru/ Когда с мобильного устройства нажимаешь на фото, оно открывается во всплывающем окне. Но когда я пытаюсь фото там увеличить растягиванием (двумя пальцами), то не получается. Наверное, из-за того что через свайп работает переход к предыдущему и следующему фото? Это между собой как-то конфликтует может? Или запрет стоит... Что обычно делают в таких случаях? Или проще плагин другой найти? Если что, вот урл скрипта http://borodin-art.ru/js/simple-lightbox.js

   Asked by Svetlana_P, July 11, 2017

   • js
   • галерея
   0 votes
   3 answers
9. Галерея с разными высотами картинок

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

   Asked by olegN, October 6, 2017

   0 votes
   2 answers
10. Нужна Кнопка Позвонить На Сайт

    Нужна Кнопка Позвонить На Сайт.Кнопка должна быть всегда на экране, желательно в левом нижнем углу, при нажатие должен сразу же происходитьзвонок на указанный номер.

    Asked by Данил657, April 6, 2020

    0 votes
    0 answers
11. Двухуровневое Вертикальное меню

    Проблема при наведение на пункт меню Test 2.5. Смотрите код ниже. Нужно, чтобы при наведение на пункт меню Test 2.5, подменю Test 2.2.1 и Test 2.2.2 появлялись с права и при этом не растягивалось выпадающие окно с пунктами меню Test 2.1 - Test 2.5. Как это можно сделать??? Заранее всем спасибо! 1. <style> 2. 3. div#pd_menu_01 { 4. float:left; /* добавляем список в div */ 5. font-size: 14px; /* задаем размер шрифта */ 6. font-weight:bold; /* Делаем шрифт ширным*/ 7. } 8. div#pd_menu_01 ul { 9. padding: 0px 0px 0px 0px; 10. margin: 0px 0px 0px 0px; 11. } 12. div#pd_menu_01 li { 13. float:left; /* …

    Asked by dembi, March 11, 2009

    0 votes
    1 answer
12. Вертикальное выпадающее меню при помощи CSS

    Доброго времени суток, уважаемые форумчане! Столкнулся с одной проблемой: не могу грамотно создать вертикальное выпадающее меню (см. прикрепленную картинку), даже с костылями и то не получается, помогите, пожалуйста. Код файла index.html: <!DOCTYPE html><html lang="ru" dir="ltr" id="html"> <head> <meta charset="utf-8"> <title>VNA | Главная</title> <link rel="stylesheet" href="css/new_elements.css"> <link rel="stylesheet" href="css/style.css"> <script> document.createElement('header'); document.createElement('nav'); document.createElement('article'); document.cre…

    Asked by Pendalf, June 16, 2014

    • #ВыпадающееМеню #CSS3 #HTML5
    0 votes
    1 answer
13. Помогите с переадресацией

    Существует сайт, использующий фреймы. Вс? хорошо, так вот проблема - индексируются фреймы, и человек поподает на фрейм с поисковика. Дизарентируется посетитель и уходит,хотя в каждом фрейме есть ссылка на главную страницу... Вопрос. Как сделать редирект на главную, если человек пр?т по ссылке с поисковика на фрейм? Нада чтоб редеректировал в этом случае, а как? Спасибо за помощь

    Asked by west, January 12, 2008

    0 votes
    9 answers
14. PNG в IE6

    Подскажите, что нужно сделать, чтобы IE6 отображал прозрачность рисунков png

    Asked by Полуд?нный, June 12, 2008

    0 votes
    7 answers
15. Автопереносы

    Есть некий текст внутри контейнера, необходимо задать максимальную ширину контейнера, при которой текст будет переноситься на новую строку. В этом случае я не могу использовать параметр width, так как тогда если текст очень короткий, то образуется слишком большой отступ от текста к правому боку контейнера, также не могу использовать max-width, потому что в ИЕ это не работает. Есть еще способы как такое сделать?

    Asked by Kenshi45, April 4, 2009

    0 votes
    9 answers
16. Как бы сверстать?

    Уважаемые обитатели форума, помогите решить проблему. Дано: фиксированный макет, расположенный по центру, но справа должна тянуться резиновая линия до конца окна браузера. Всё содержимое помещено в один блок, который расположен по центру, справа от этого блока, должен быть блок с фоном, и тянуться до правого края. Вся соль в том, что с лева он нафиг не нужен, так что расположить его под основным блоком с шириной в сто процентов, не работает. Помогите пожалуйста, я уже всяко пробовал, но не могу додуматься, как это сделать. Должно быть кроссбраузерно. Если есть решение на таблицах, тоже принимается Вот ещё нарисовал для улучшения восприятия задачи. http://s59.radikal.ru/…

    Asked by Игорь Ермаков, July 10, 2009

    0 votes
    10 answers
17. Изменение картинки при наведении на нее курсора мыши

    Скажите пожалуйста можно ли перекаты сделать 2 разных картинок? сделал перекат одной ,а вот хочу что бы ещё был перекат только с другими изображениями

    Asked by Alteser, May 31, 2011

    0 votes
    16 answers
18. Как лучше реализовать декоративную рамку?

    Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

    Asked by EugeneKiyash, February 11, 2017

    • svg
    • css
    • html
    0 votes
    10 answers
19. Проблемы с отступами в DIV

    Добрый день. Работая с дивами иногда возникают проблемы: 1. Текст Происходит верхний отступ не вложенного дива относительно родительского, а отступ родительского относительно всей страницы. 2. текстИногда ИЕ и остальные браузеры по-разному считают высоту дива: в одном случае высота считается как 30px, в другом - к высоте прибавляется еще и padding (т.е. получается не 30, а 30 + 5 +5). Сталкивался ли кто-нибудь с подобным, и как с этим бороться? Заранее благодарен.

    Asked by bond84, November 27, 2007

    0 votes
    2 answers
20. печать страницы

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

    Asked by sc@r@bey, March 4, 2009

    0 votes
    15 answers
21. Вёрстка прижатых друг к другу треугольных div'ов с фонами

    Как это можно реализовать? Обратите внимание, что оба блока имеют фон, это самое сложное. Если использовать псевдоклассы или вспомогательные div в виде треугольников, то на них background не распространяется, основные секции остаются прямоугольными. Нужно применять svg (который я почти не знаю) или можно как-то проще сделать?

    Asked by Esser, February 11, 2016

    • triangle
    0 votes
    9 answers
22. Замена атрибута src у изображения при помощи jQuery

    Доброго вечера, уважаемые! Поставил перед собой задачу: при помощи jQuery заставить картинку сменяться, когда на неё наводят курсор. По факту: заменить атрибут src у img'a с этим изображением. Написал span, содержащий url нового изображения, скрыл его в css. Затем присвоил значение этого span'a функции, и закинул эту функцию в .attr(), где первым значением выбрал 'src'. Получилось так: $(document).ready(function() { $('.content').hover(function() { var newImg = ('#newImg_url').val(); $('#mainImg').attr('src', newImg); }); }); Где .content - блок с изображением, #newImg_url - тот самый span с новым url'ом, #mainImg - основное изоб…

    Asked by kot_Bazilio, March 24, 2016

    • javascript
    • jquery
    • вопрос
    0 votes
    4 answers
23. Помогите с DIVами

    как мне при помощи DIVов сделать так, что бы DIVвы стояли рядом, и в коде HTML никак не разделялись. Пример: DIV DIV DIV DIV DIV DIV DIV DIV DIV а в коде они все одинаковые DIV DIV DIV DIV DIV DIV т.е. никаких <BR> или ещё чего-то между DIVами. и при изменении размеров окна, они сами перепрыгивали в два или 1 столбик (или на супер широкоэкранных мониторах выводились в 1 строчку) DIV DIV DIV DIV DIV DIV ну или хотябы как поставить два DIVа в 1 строчку?

    Asked by xpom, January 21, 2009

    0 votes
    2 answers
24. не работает background: url

    Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!

    Asked by Admiral, April 14, 2009

    0 votes
    9 answers
25. Хочу написать блог

    Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…

    Asked by Juster, December 29, 2010

    0 votes
    10 answers