HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Контур 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…
0 votes10 answers -
Разместить анонс текста в заданные размеры
Здравствуйте! Задача состоит в том, чтобы текст с описанием разместить в блок заданной высоты, чтобы это смотрелось корректно. Проблема в том, что текст может иметь совершенно различное форматирование (разный шрифт, жирность, наличие или отсутствие заголовков и пр.); и соответственно, его точную высоту нельзя рассчитать заранее. Поэтому, может получаться вот так: Хотелось бы еще добавить в конец строки многоточие. Как можно это сделать?
0 votes10 answers -
Остановить автопроигрывание видео
Есть вот такой простой код <iframe src="video/SA_bogatikov.mp4" frameborder="0" allowfullscreen></iframe> Он сразу проигрывается при загрузке страницы. Как убрать автопроигрывание?
0 votes10 answers -
Помощь с 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 -->
0 votes10 answers -
тени для номера телефонов
Здравствуйте! Подскажите пожалуйста как реализовать через CSS тени для номера телефона в таком виде: http://savepic.net/4183976.htm Делать картинкой можно конечно, но нельзя, да и это не правильно. При этом ксс код данного эллемента: #footer .phone nobr {font:italic bold 36px/34px Arial;color:#790000;padding:20px 60px 0 0;float:right;}
0 votes10 answers -
посоветуйте книгу про CSS
Сейчас учусь по книге Джон Дакетт Основы веб-программирования с использованием html xhtml и css. Почти закончил изучение css, яву пока учить не буду, а хочу углубиться в css. У меня ещё есть книга CSS. Рецепты программирования, но пролистав её по ней я пока что учиться не хочу, там просто показаны примеры и в них очень много свойств из CSS 3 про которые я не знаю и в ней не написаны, как работают эти свойства, а просто показаны примеры. Какую книгу посоветуете??? Не люблю читать за компом
0 votes10 answers -
Таблица во всю высоту ячейки
http://zverushka.zz.mu/oil/ Такая проблема - не могу сделать таблицу в таблице во всю высоту ячейки. Как видите граница слева от "показать спецификацию" не достает до конца - то есть таблица зависла посередине со своей высотой не равной 100% высоты...
0 votes10 answers -
Подходящий размер изображения для главного фона
В одном макете для главного фона используется изображение (текстура) , которая растягивается на весь фон. Креативный такой макет. Это изображение весит 752килобайт. Это нормально использавать такие размеры для одного только фона? (Ведь есть фоны и для других блоков). Как орентироваться человеку, который создаёт PSD макет, что так можно делать или нельзя???
0 votes10 answers -
Position:relative или лучше иначе? Ищу гуру.=)
Всем привет! Вот хотел бы поинтересоваться как правильно сделать эту штуковину, на ум конечно приходит много идей, в том числе и разбиение логотипа на 2 части, но пока остановился на таком варианте, так как он мне кажется самым нормальным. http://jsfiddle.net/K7UV3/2/ З.Ы. - header и opol полностью статичны, в них ничего не тянется и текстом дополняться скорее всего не будет. В диве logo будет еще 2 дива. 1 для текста - имей дело с лучшими 2ой для названия компании. Хотя можно обойтись и без 2ух дивов, не столь важно. Opol - это див с бэкграундом-картинкой, внутри которого будут находиться еще 2 рекламных дива размеров 486х60 с низу. Вот для наглядности что планирую:
0 votes10 answers -
Проблемы совместимости 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;
0 votes10 answers -
overflow
Дорогие форумчане. Я использую overflow для чата, который сейчас делаю, чтобы вместились все диалоги. Но вот беда, при использовании его, самое старое сообщение отображается в самом верху, а мне нужно, чтобы начиналось все снизу. Если я правильно объясняю. Нужно,чтобы блок листался наверх а не вниз. Подскажите, как это можно осуществить без js?
0 votes10 answers -
Проблема с горизонтальной прокруткой.
Всем привет, уже неделю бьюсь и никак не найду откуда появляется горизонтальная прокрутка на сайте football24online.com. Контентная часть должна быть не больше 1000px. Горизонтальная полоса появляется при размере окна уже в 1031px. Подозреваю, что где-то попал с паддингами или шириной, но где? Инспектором отключал блоки поочередно, но проблему так и не решил. Пожалуйста, помогите найти где накосячил.
0 votes10 answers -
Пункт меню в обводке со стрелочкой на неравномерной фоне
Суть в том, что эта обводка вместе со стрелкой на неоднородном заднем фоне. Вот как такое реализовать?( Я попробовала backgrond-size - но в итоге пропорции при определенных размеров сильно искажаются и это бросается в глаза...
0 votes10 answers -
Фиксированная высота колонки!
Здравствуйте! По объективным причинам (44 ФЗ) у бюджетной организации нет возможности нанять профессионала для поддержки сайта. Все приходится теперь изучать самому (я штатный сотрудник, раньше только тексты писал). Т.е. теперь весь сайт на мне. Поставили задачу по сайту, которую я не знаю как решить, помогите советом, буду крайне благодарен. Суть вопроса: Есть сайт, выглядит сейчас он примерно так: Вот ссылка, если что: http://www.ophmao.tmweb.ru Это "сайт-франкенштейн", я на нем свой скилл рощу =), чтобы не поломать настоящий. Так квот, там есть колонки (?) нас интересуют две - Main News и Col2. Задача в том, чтобы сотворить с ними вот такое: т.е. Main News растяну…
0 votes10 answers -
Картинка
Приветствую, как вставить картинку в li? чтобы в каждом li была своя картинка.
0 votes10 answers -
Помогите убрать ошибку
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
0 votes10 answers -
Как подогнать размер картинки под заданный блок
Хочу в блок вписать картинку, подгонка должна быть по меньшей стороне с сохранением пропорций. Пример тут - http://jsfiddle.net/72anA/ Необходимо, что бы картинки заполняли весь блок с сохранением пропорций + центрировались. На картинке ниже примерно показано как должно работать. Всё что вылазит за пределы блока должно обрезаться, в примере специально не обрезал для наглядности. То есть, блок должен быть заполнен центральной частью картинки. Можно ли это реализовать без использования скриптов?
0 votes10 answers -
Загрузка страницы "через белое".
Есть сайт http://primehotel.ru На нем несколько пунктов меню. При нажатии на любой пункт грузится страница, без каких либо проблем и дерганий . И только при нажатии на "Бронирование" страница грузится через "белый экран". Проверял в Опере, Хроме и Лисе. Я так понимаю, что это из за присутствие на странице "формы бронирования". Подскажите как это можно избежать и грузить ее так же, как и остальные страницы.
0 votes10 answers -
Помогите решить задачу с :hover
В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit
0 votes10 answers -
Растянуть контейнер до низа страницы.
Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать. Шаблон: http://jsfiddle.net/JQv7Q/
0 votes10 answers -
что означает КАСКАДНЫЕ таблицы стилей?
Что означает слово каскадные? Нашёл определение, то что каскад - это водопад и при чём он здесь?
0 votes10 answers -
Наследование
Ребят помогите разобраться, почему так происходит и как избежать наследование ширины элементом ul.dropdown-menu от его родителя li.dropmenu. http://jsfiddle.net/AqaL2/
0 votes10 answers -
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)),С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.
0 votes10 answers -
Четыре блока в центре экрана
Безуспешно пытаюсь позиционировать четыре прямоугольных блока по центру экрана. http://jsfiddle.net/e4PYz/ Задача в том, чтобы они размещались всегда в центре в не зависимости от размера окна. И если им есть место, то увеличивались до максимального размера, а если не хватает места, то сжимались. Как этого добиться? И существует ли возможность контролировать расстояние между красными прямоугольниками?
0 votes10 answers -
~ 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 ____ оффтоп, как сделать подсветку открытого пункта меню(активного что ли).
0 votes10 answers