HTML Coding

29542 questions in this forum

1. Контур button

   Доброго времени суток, столкнулся с такой проблемой, создал кнопку, задал ей следующие параметры: .menu button:hover { background:#86C129; color:#FFFFFF;}.menu button:active { background:#901D79;}.menu button:focus { border:none;}Однако основная проблема, что после нажатия на кнопку появляется контур и пока не клацну мышкой в любом месте не исчезает, перебрал псевдоклассы не могу понять к чему относится этот контур. Также у меня сама кнопка заключена в ссылку: <a href="#" title="Главная"><button>ГЛАВНАЯ</button></a>Думал мб, что наследуется от гиперссылки однако просто кнопка без тега ссылки также себя ведет. Вот так выглядит проблема http://jsf…

   Asked by Arhidiablo, December 23, 2013

   0 votes
   10 answers
2. Разместить анонс текста в заданные размеры

   Здравствуйте! Задача состоит в том, чтобы текст с описанием разместить в блок заданной высоты, чтобы это смотрелось корректно. Проблема в том, что текст может иметь совершенно различное форматирование (разный шрифт, жирность, наличие или отсутствие заголовков и пр.); и соответственно, его точную высоту нельзя рассчитать заранее. Поэтому, может получаться вот так: Хотелось бы еще добавить в конец строки многоточие. Как можно это сделать?

   Asked by Светлана Г., December 20, 2013

   0 votes
   10 answers
3. Остановить автопроигрывание видео

   Есть вот такой простой код <iframe src="video/SA_bogatikov.mp4" frameborder="0" allowfullscreen></iframe> Он сразу проигрывается при загрузке страницы. Как убрать автопроигрывание?

   Asked by Zverushka, December 21, 2013

   0 votes
   10 answers
4. Помощь с SideBar

   Здравствуйте! Хочу сделать sidebar, который растягивался бы в зависимости от наполнения его виджетами, а не по всей высоте. http://s020.radikal.ru/i712/1312/2a/d87a2cb6c731.jpg http://s005.radikal.ru/i212/1312/8a/487382854176.jpg <?php global $theme; ?><div id="sidebar-primary"> <?php if(!dynamic_sidebar('sidebar_primary')) { /** * The primary sidebar widget area. Manage the widgets from: wp-admin -> Appearance -> Widgets */ $theme->hook('sidebar_primary'); } $theme->hook("sidebar_primary_after"); ?> </div><!-- #sidebar-primary -->

   Asked by Omega24v, December 28, 2013

   • wordpress
   • sidebar
   • blog
   0 votes
   10 answers
5. тени для номера телефонов

   Здравствуйте! Подскажите пожалуйста как реализовать через CSS тени для номера телефона в таком виде: http://savepic.net/4183976.htm Делать картинкой можно конечно, но нельзя, да и это не правильно. При этом ксс код данного эллемента: #footer .phone nobr {font:italic bold 36px/34px Arial;color:#790000;padding:20px 60px 0 0;float:right;}

   Asked by devid89, December 29, 2013

   0 votes
   10 answers
6. посоветуйте книгу про CSS

   Сейчас учусь по книге Джон Дакетт Основы веб-программирования с использованием html xhtml и css. Почти закончил изучение css, яву пока учить не буду, а хочу углубиться в css. У меня ещё есть книга CSS. Рецепты программирования, но пролистав её по ней я пока что учиться не хочу, там просто показаны примеры и в них очень много свойств из CSS 3 про которые я не знаю и в ней не написаны, как работают эти свойства, а просто показаны примеры. Какую книгу посоветуете??? Не люблю читать за компом

   Asked by DivMan, January 2, 2014

   0 votes
   10 answers
7. Таблица во всю высоту ячейки

   http://zverushka.zz.mu/oil/ Такая проблема - не могу сделать таблицу в таблице во всю высоту ячейки. Как видите граница слева от "показать спецификацию" не достает до конца - то есть таблица зависла посередине со своей высотой не равной 100% высоты...

   Asked by Zverushka, January 10, 2014

   0 votes
   10 answers
8. Подходящий размер изображения для главного фона

   В одном макете для главного фона используется изображение (текстура) , которая растягивается на весь фон. Креативный такой макет. Это изображение весит 752килобайт. Это нормально использавать такие размеры для одного только фона? (Ведь есть фоны и для других блоков). Как орентироваться человеку, который создаёт PSD макет, что так можно делать или нельзя???

   Asked by AlexeiS, January 13, 2014

   0 votes
   10 answers
9. Position:relative или лучше иначе? Ищу гуру.=)

   Всем привет! Вот хотел бы поинтересоваться как правильно сделать эту штуковину, на ум конечно приходит много идей, в том числе и разбиение логотипа на 2 части, но пока остановился на таком варианте, так как он мне кажется самым нормальным. http://jsfiddle.net/K7UV3/2/ З.Ы. - header и opol полностью статичны, в них ничего не тянется и текстом дополняться скорее всего не будет. В диве logo будет еще 2 дива. 1 для текста - имей дело с лучшими 2ой для названия компании. Хотя можно обойтись и без 2ух дивов, не столь важно. Opol - это див с бэкграундом-картинкой, внутри которого будут находиться еще 2 рекламных дива размеров 486х60 с низу. Вот для наглядности что планирую:

   Asked by logicface, January 21, 2014

   • relative
   • div position
   • z-index
   • индекс
   0 votes
   10 answers
10. Проблемы совместимости CSS3 и браузеров

    Привет. есть код вращения некого куба, но работает только в firefox 26.0 Safari 5.1.7 не пашет Opera 18.0.1284.68 не пашет Chrome 32.0.1700.76 m не пашет Все браузеры обновлены на текущий день.. делаю -o- -webkit- пофигу.(((( transform-origin: 50% 50% -105px; -webkit-transform-origin: 50% 50% -105px; -moz-transform-origin: 50% 50% -105px; -o-transform-origin: 50% 50% -105px; transform-style:preserve-3d; -moz-transform-style:preserve-3d; -o-transform-style:-o-preserve-3d; -webkit-transform-style:preserve-3d; transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out;

    Asked by romoga, January 20, 2014

    • css3
    • браузеры несовместимы
    0 votes
    10 answers
11. overflow

    Дорогие форумчане. Я использую overflow для чата, который сейчас делаю, чтобы вместились все диалоги. Но вот беда, при использовании его, самое старое сообщение отображается в самом верху, а мне нужно, чтобы начиналось все снизу. Если я правильно объясняю. Нужно,чтобы блок листался наверх а не вниз. Подскажите, как это можно осуществить без js?

    Asked by html_do_man, January 27, 2014

    0 votes
    10 answers
12. Проблема с горизонтальной прокруткой.

    Всем привет, уже неделю бьюсь и никак не найду откуда появляется горизонтальная прокрутка на сайте football24online.com. Контентная часть должна быть не больше 1000px. Горизонтальная полоса появляется при размере окна уже в 1031px. Подозреваю, что где-то попал с паддингами или шириной, но где? Инспектором отключал блоки поочередно, но проблему так и не решил. Пожалуйста, помогите найти где накосячил.

    Asked by qw1nt, January 27, 2014

    0 votes
    10 answers
13. Пункт меню в обводке со стрелочкой на неравномерной фоне

    Суть в том, что эта обводка вместе со стрелкой на неоднородном заднем фоне. Вот как такое реализовать?( Я попробовала backgrond-size - но в итоге пропорции при определенных размеров сильно искажаются и это бросается в глаза...

    Asked by Zverushka, January 27, 2014

    0 votes
    10 answers
14. Фиксированная высота колонки!

    Здравствуйте! По объективным причинам (44 ФЗ) у бюджетной организации нет возможности нанять профессионала для поддержки сайта. Все приходится теперь изучать самому (я штатный сотрудник, раньше только тексты писал). Т.е. теперь весь сайт на мне. Поставили задачу по сайту, которую я не знаю как решить, помогите советом, буду крайне благодарен. Суть вопроса: Есть сайт, выглядит сейчас он примерно так: Вот ссылка, если что: http://www.ophmao.tmweb.ru Это "сайт-франкенштейн", я на нем свой скилл рощу =), чтобы не поломать настоящий. Так квот, там есть колонки (?) нас интересуют две - Main News и Col2. Задача в том, чтобы сотворить с ними вот такое: т.е. Main News растяну…

    Asked by Jakov, January 31, 2014

    0 votes
    10 answers
15. Картинка

    Приветствую, как вставить картинку в li? чтобы в каждом li была своя картинка.

    Asked by Vans, February 2, 2014

    • Картинка li ul
    0 votes
    10 answers
16. Помогите убрать ошибку

    Warning: explode() expects parameter 2 to be string, array given in /home/u492424888/public_html/functions.php on line 222 Warning: explode() expects parameter 2 to be string, array given in /home/u492424888/public_html/functions.php on line 222 Warning: explode() expects parameter 2 to be string, array given in /home/u492424888/public_html/functions.php on line 222 вот такая ошибка на сайте. Как её убрать? Помогите пожалуйста... http://sdelkino.eu/add.html

    Asked by sdelkin, February 7, 2014

    • ошиб
    • ки
    0 votes
    10 answers
17. Как подогнать размер картинки под заданный блок

    Хочу в блок вписать картинку, подгонка должна быть по меньшей стороне с сохранением пропорций. Пример тут - http://jsfiddle.net/72anA/ Необходимо, что бы картинки заполняли весь блок с сохранением пропорций + центрировались. На картинке ниже примерно показано как должно работать. Всё что вылазит за пределы блока должно обрезаться, в примере специально не обрезал для наглядности. То есть, блок должен быть заполнен центральной частью картинки. Можно ли это реализовать без использования скриптов?

    Asked by alleclf, February 9, 2014

    0 votes
    10 answers
18. Загрузка страницы "через белое".

    Есть сайт http://primehotel.ru На нем несколько пунктов меню. При нажатии на любой пункт грузится страница, без каких либо проблем и дерганий . И только при нажатии на "Бронирование" страница грузится через "белый экран". Проверял в Опере, Хроме и Лисе. Я так понимаю, что это из за присутствие на странице "формы бронирования". Подскажите как это можно избежать и грузить ее так же, как и остальные страницы.

    Asked by amv, February 9, 2014

    0 votes
    10 answers
19. Помогите решить задачу с :hover

    В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit

    Asked by Akkord87, February 14, 2014

    0 votes
    10 answers
20. Растянуть контейнер до низа страницы.

    Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать. Шаблон: http://jsfiddle.net/JQv7Q/

    Asked by sitemaker999, February 19, 2014

    • растянуть
    • контейнер
    0 votes
    10 answers
21. что означает КАСКАДНЫЕ таблицы стилей?

    Что означает слово каскадные? Нашёл определение, то что каскад - это водопад и при чём он здесь?

    Asked by DivMan, March 1, 2014

    0 votes
    10 answers
22. Наследование

    Ребят помогите разобраться, почему так происходит и как избежать наследование ширины элементом ul.dropdown-menu от его родителя li.dropmenu. http://jsfiddle.net/AqaL2/

    Asked by EaGames, March 18, 2014

    • Наследование
    • menu
    0 votes
    10 answers
23. radial-gradient и с префиксами тоже

    Добрый день! Гуглил целый вечер, так не до конца и понял. Я могу написать так, это работает: radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),А вот так уже не работает: moz-radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.

    Asked by binomer, March 13, 2014

    • radial-gradient
    • moz-radial-gradient
    • webkit-radial-gradient
    0 votes
    10 answers
24. Четыре блока в центре экрана

    Безуспешно пытаюсь позиционировать четыре прямоугольных блока по центру экрана. http://jsfiddle.net/e4PYz/ Задача в том, чтобы они размещались всегда в центре в не зависимости от размера окна. И если им есть место, то увеличивались до максимального размера, а если не хватает места, то сжимались. Как этого добиться? И существует ли возможность контролировать расстояние между красными прямоугольниками?

    Asked by PavelTkachev, March 27, 2014

    0 votes
    10 answers
25. ~ CSS HELP

    .menu1 a:hover ~ .menu1{background: url(img/lento.png); background-size: 100% 110%; padding:3px;}.menu2 a:hover ~ .menu2{background: url(img/lento.png); background-size: 100% 110%; padding:3px;} Можно ли сделать так? Цель: при наведении на ссылку, Меняется фон .menu ____ оффтоп, как сделать подсветку открытого пункта меню(активного что ли).

    Asked by xTODx, March 25, 2014

    0 votes
    10 answers