HTML Coding

29,542 questions in this forum

1. Ширина таблицы

   Добрый день! Задача у меня сделать большую таблицу. Для удобства таблицу поместил в div с условными свойствами { width: 500px; overflow: scroll; }. В таблице есть, например, 3 столбца со свойством td { width: 300px; }. По логике, ширина таблицы в таком случае должна автоматически принять значение 900px, а полосы прокрутки divа должны стать активными. Но почему-то ширина таблицы упирается в 500px, если только её ширину принудительно не задать. Подскажите, пожалуйста, в чём проблема и как из ситуации выпутаться?

   Asked by pers_tmb, May 29, 2014

   0 votes
   11 answers
2. Помогите "правильно" понять тестовое ТЗ

   1. Одна HTML страничка. Мне нужно реализовать три кнопки и при нажатии на них инф на стр должа меняться. До этого был сделал так, 3 HTML файла, но при нажатии на кнопки страничкb не перезагружалась а просто менялась инф с помощью JS. Или все таки нужно использовать ОДИН html файл? 2. Код не должен содержать inline CSS Расскажите тут по подробней, с CSS знаком, но не углублялся сильно. 3. Код не должен содержать inline JavaScript Аналогично второму пункт, только с JS пока на "Вы" Спасибо за помощь!

   Asked by Falkone, May 30, 2014

   • css
   • inline
   • html5
   0 votes
   7 answers
3. Цветной маркер при наведении

   Здравствуйте! Подскажите, пожалуйста. Есть обычный список: <ul > <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> <li><a href="#">Пункт 4</a></li> <li><a href="#">Пункт 5</a></li></ul>Необходимо, что бы при наведении на пункт списка, слева от него появлялся вот такой маркер - красный прямоугольник высотой 10 пкс, шириной 34 пкс. Заранее благодарю.

   Asked by volshebnyi, May 30, 2014

   0 votes
   2 answers
4. Автоматическое позиционирование ячейки при отсутствии места

   Здравствуйте! Потребовалось сверстать блок вот такого типа. 1 - плавающий блок с заголовком, неопределенной ширины, растягивается вправо и прижат к аватарке 3. Ширина не ограничена и зависит от того, что в нем написано. 2 - блок с кнопками управления своей учеткой, находится справа от блока 1, прижат к правому краю, НО если из-за длины блока 1 блок 2 не вмещается, он должен переместиться в место под аватаркой, отмеченное красным кругом. 3 - аватарка, у меня она с абсолютным позиционированием, положение блоков относительно ее регулируется пэддингом. Один из ключевых моментов - это резиновый макет, т.е. при увеличивании \ уменьшении окна браузера все должно работать корр…

   Asked by Heian9, May 30, 2014

   • div
   • резиновая верстка
   • адаптивность
   • верстка divами
   • проблема
   0 votes
   3 answers
5. атрибуты тега

   Обьясните пожалуйста, что это за форма записи? И где об этом можно почитать, желательно на русском? <div id="content-ob" class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="10000" data-cycle-speed="1000" data-cycle-slides="a" data-cycle-pager=".custom-pager" data-cycle-pager-template=" <a href='#' class='custom-pager-button'> </a>" > <a href="/page1.html"><img src="/img/pic1.jpg" /></a> <a href="/page2.html"><img src="/img/pic2.jpg" /></a> <a href="/page3.html"><img src="/img/pic3.jpg" /></a> <a href="/page4.html"><img src="/img/pic4.jpg" /></a> <a href="/p…

   Asked by handel, May 30, 2014

   0 votes
   2 answers
6. Префиксы браузеров. Смысл их введения

   Добрый день, кто знает, в чём смысл введения браузерных префиксов? Вот, например, если есть свойство со значением: border-radius:10 px. Не проще бы было сделать его экспериментальным (в самом начале) без всяких префиксов и каждый браузер обрабатывал бы его как мог. Вместо того, чтобы писать: -webkit-border-radius...., -mos-border-radius... и т.д.?

   Asked by webmos, May 25, 2014

   • что они делают и кому помогаю
   0 votes
   15 answers
7. Проблема с анимацией меню

   При наведении на пункты левого меню, иконки красиво выезжают, это благодаря анимации transition для ширины иконки, но этот же метод в правой части не работает. Методом проб и ошибок выяснила, что иконки будут красиво выезжать только когда прижаты к правому краю. В правом меню на последнем пункте видно, что анимация работает так как надо только, если элементу задан right. Пробовала задавать при наведении margin-left и его анимировать, но эффект все равно не тот. Уже всю голову над этим сломала. Может я что-то упускаю? Или это в принципе невозможно? Живой вариант

   Asked by AlexBes, May 29, 2014

   0 votes
   5 answers
8. Расположение элементов на резиновой верстке

   Есть такая вот верстка http://portfolio.imatte.us/kitos На этой карте (она задана фоном у #wrap) нужно расположить эти огоньки так, чтобы они находились в нужных местах (сейчас они все вместе просто заданы тоже фоном у #wrap:after). Но проблема в том, что верстка резиновая, и тянется с 1000px до 1500px. Может есть какое-нибудь гениальное решение этой проблемы, кроме позиционирования каждого огонька процентами? (нельзя оставить так, т.к. нужно будет прикрутить всплывающую подсказку к каждому огоньку).

   Asked by posthack, May 29, 2014

   0 votes
   1 answer
9. кроссбраузерность

   Уже создавал подобную тему, но все же не решил всех проблем. Подскажите под какую более раннюю версию explorera подстраиваться, я так понимаю что 7 и 8 это все уже прошлый век, тогда под 9 ую? 10 ую? и если нужно проверять под 8 ую то как это сделать если у меня 7 винда и на нее не могу установить эти ранние версии. Еще вопрос такого рода, в 11 explorer не отображает лого и задний фон, не знаю почему, везде все работает но только не здесь, подскажите что сможете, спасибо)

   Asked by igornagorny89, May 28, 2014

   0 votes
   16 answers
10. Как это можно сделать ?

    http://itmages.ru/image/view/1691537/6325a0ca как можно сделать такое ?

    Asked by Shenia132, May 29, 2014

    0 votes
    9 answers
11. Разноцветная линия средствами CSS

    Здравствуйте! Подскажите, оптимально ли я сделал вот такую линию средствами CSS? Может быть есть варианты попроще? http://jsfiddle.net/X3ssR/

    Asked by volshebnyi, May 29, 2014

    0 votes
    9 answers
12. ul li с птичкой

    Добрый день вот кусок кода html <ul> <li><a href="landscapes.php?t_dir=Olga">ОЛЬГА</a></li> <li><a href="landscapes.php?t_dir=Julia">ЮЛИЯ</a></li> <li><a href="landscapes.php?t_dir=Rimma">РИММА</a></li> </ul> css ul { margin: 20px; padding: 0; list-style-image: url(../images/list_icon.png); } ul li { margin: 0 0 15px 0; padding: 0 0; } Существует ли способ ставить только одну птичку в выбраной строчке li? Все что я нашел - это стремная переделка input с радиокнопкой. Может кто помочь пожалуйста?

    Asked by Xoma55, May 27, 2014

    • ul li css
    0 votes
    11 answers
13. Эффект перекатывания

    Добрый день, возник такой вопрос. Имеется маркированный список, в котором элементами являются ссылки. Хотелось бы сделать эффект перекатывания для каждой картинки-ссылки посредством CSS. Кому не сложно, подскажите, как можно реализовать?

    Asked by Songbird, May 29, 2014

    0 votes
    5 answers
14. дизайн для joomla

    Добрый день. Искала в инете ответ на свой вопрос, любой ли дизайн psd-макета подойдет под движок joomla. Четкого ответа так и не нашла. Я всегда верстала под самописные движки, но вот клиент вдруг захотел перенести страницы на движок. Я посмотрела различные дизайны под joomla, они все достаточно однотипные. А у меня сверстаны страницы под интерфейс промышленного оборудования. То есть там практически ничего шаблонного нету. И вот вопрос, любой ли дизайн подойдет под joomla?

    Asked by Nailya, May 29, 2014

    0 votes
    3 answers
15. Проблема наложения фонов

    Верстка здесь : http://portfolio.imatte.us/kitos/ Проблема в следующем. Необходимо поменять фон таким образом, чтобы полосы по бокам на широких экранах (скрин : http://i.imgur.com/eBWgQ9h.jpg ) были не #000, а #2a2a2a. Я задаю фон для body #2a2a2a, но в таком случае и для контента фон становится #2a2a2a, а мне нужен #000. Тогда я ставлю для .site-body background: url('../images/content-bg.png') top center repeat-x !important #000;Но тогда получается так: http://i.imgur.com/M7XQosz.png Если ставлю для #wrap background: url('../images/bg-top.jpg') top center #000;то нижняя часть фона пропадает, и все просто черное. Подскажите, как исправить?

    Asked by posthack, May 29, 2014

    0 votes
    2 answers
16. Кастомизация текста внутри option

    Добрый день. Хочу внутри тэга option записать текст вот в таком виде: Название моей опции +50г -1234рТ.е. с левой стороны - название опции, а справой - доп. информация, курсивом. Можно это как нибудь сделать? Тэг span внутри option игнорируется.

    Asked by xmlns, May 29, 2014

    • Кастомизация
    • span
    • option
    0 votes
    7 answers
17. Верстка двухцветной кнопки с формой поиска

    Здравствуйте! Подскажите, пожалуйста, как ПРАВИЛЬНО сверстать такую форму поиска и двухцветную кнопу к ней. Заранее благодарю!!!

    Asked by volshebnyi, May 28, 2014

    0 votes
    6 answers
18. Fixed 0 auto no-scroll

    Есть блок: position: fixed; margin:0 auto; width:1200px; height:59px; И ниже этого блока тело сайта. При сужении окна браузера до меньшей величины чем ширина сайта при горизонтальном скроле, скролится только тело сайта, а фиксед блок остается на месте прилипший к левой стороне. Подскажите что сделать что-бы этот блок скролился вместе с телом сайта.

    Asked by jontsk, May 27, 2014

    0 votes
    7 answers
19. Резиновое поле с ячейками

    Пытаюсь выбрать технологию для отображения резинового поля состоящего из квадратных ячеек, размером 10 на 10. Нужно чтобы оно было резиновым и при увеличении размера экрана занимало 90% по большему размеру (ширине или высоте). Можно ли это сделать с помощью html+css или потребуется обязательно JS для определения что больше: высота страницы или ширина? Или это может сделать svg? Или вообще cаnvas только?

    Asked by PavelTkachev, May 27, 2014

    0 votes
    6 answers
20. Центрирование и футер....

    Опять проблема. Нужно, чтобы основное содержимое было центрированным. И при этом у страницы был стикед футер в подвале (не фиксед). А при маленькой высоте окна - образоывалась прокрутка. http://html2css.ru/center/success.html

    Asked by Zverushka, May 28, 2014

    0 votes
    7 answers
21. Проблема со слешами у класса

    Здравствуйте. Проблема такая, со стилями в калькуляторе , что-то со слешами (/"..."/), если прописываешь класс в тексте у radio, imput и т.д. Поясню: 1) <span class=txtkalk>4000 руб</span> - классы (стили) подгружаются после обновление страницы. 2) <span class="txtkalk">4000 руб</span> - так вообще не работают классы, появляются слешы (/) между кавычками. Кто не видит разницу, отличие в кавычках у класса. Сайт http://creativesite-perm.ru Страница в разделе "Заказать сайт"

    Asked by webmasterFast, May 17, 2014

    0 votes
    6 answers
22. Как сделать выделение на изображении с всплывающими подсказками?

    Здравствуйте. ​ ​Пожалуйста, подскажите решение, позволяющее сделать на изображении области сложной формы, которые при наведении курсора будут выделяться и над ними будет показана всклывающая подсказка. ​

    Asked by Yakut, May 27, 2014

    0 votes
    6 answers
23. Адаптивный слайдер

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

    Asked by volshebnyi, May 28, 2014

    0 votes
    7 answers
24. Идеальное портфолио

    Собственно каким он должен быть? Сколько работ примерно, и какие работы? (адаптивные, фиксированные, резиновые..) Мне кажется идеальный вариант штук 10 работ, хорошо оформленных, в меру сложных, по 3-4 адаптивных, резиновых и фиксированных. Как думаете? ред. Портфолио верстальщика.

    Asked by CroaToa, May 28, 2014

    0 votes
    5 answers
25. Верхнее меню

    Как сделать такое же по функциональности меню, как в Mozilla? https://www.mozilla.org/ru/about/?utm_source=about-home&utm_medium=Referral

    Asked by Haindell, May 18, 2014

    0 votes
    6 answers