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
29542 questions in this forum
-
Как сделать изображение на странице
Есть задумка сделать рекламку на странице чтобы она оставалась всегда в одном и том же месте,а не прокручивалась вместе со всем контентом.То есть по верх всего контента.Но у меня Джумла,там PHP и есть ли возможность туда затолкать Html код?Чтобы можно было залинковать эту рекламу на что либо.Типа как на Юкозе реклама в правом верхнем углу.Подскажите пожалуйста.
0 votes2 answers -
Высота вложенного блока ограничивается высотой родительского
Не могу понять. Делаю выпадающее меню и тут такой непонятный расклад возник. В общем, блок выпадающего меню обрезается по высоте. Если увеличить высоту #header, то тогда всё норм. Но мне надо бы оставить высоту #header без изменений. Я что-то вообще не могу понять, почему оно обрезается. Вот ссылка на проблему: http://rubanys.narod.ru/index.html
0 votes2 answers -
Adaptation of the subscription form
Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }
0 votes6 answers -
label для radio
<dd class="answer"> <input type="radio" id="user_radio_input" name="Vote[answer]" value="0" class="radio_button"> <label for="user_radio_input"> <input type="text" name="Vote[user_answer]" class="input_button" value="Ваш вариант" /> </label> </dd> Здравствуйте, нужно чтобы при нажатии на input с текстом, radio button установилась в активное состояние, сделал так, но не работает =( Помогите исправить. Пробовал в Опере. В хроме оказывается работает и нормально переходит, в ФаерФоксе работает, только не получается ввести текст в инпут, так как вечно перебрасывает фокус на радио буттон, что впринципи логично. Видимо при…
0 votes1 answer -
Проблемы с меню.
Есть достаточно сложное горизонтальное меню Вот css код: .menu LI { float: left; display: block; position: absolute; } .menu LI A { display: block; } .menu LI A:hover { display: block; text-indent: -9999px; overflow: hidden; /*+opacity:80%;*/ -moz-opacity: 0.8; opacity: 0.8; } .li1 { left: 80px; top: 88px; z-index:1; } .li1 A { width: 62px; height: 63px; background-image: url(img/onas.png); background-position: 0px px; } При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?
0 votes5 answers -
Растяжка
Как сделать чтобы при увелечении дива с текстом увеличивался и левый див?
0 votes3 answers -
Посоветуйте html редактор
Привет всем! Я верстал всегда на HTMLReader и столкнулся с проблемой: в редакторе страница отображается иначе нежели в браузерах Мозилла и Хром. Посоветуйте не сложный редактор по типу ридера, но с правильным отображением верстки. Спасибо!
0 votes4 answers -
как сделать резиновую кнопку валидную под ие7
Всем привет. Помогите пожалуйста. столкунлся с такой проблемкой. Поручили мне сделать шаблон кнопки (резиновой) фактически состоящей из 3-х частей 1) это левая часть в ней рисунок вида < 2) резиновая часть для текста 3) правая часть с рисунком вида < То есть условно <:текст:< Хотел я это сделать 3-мя блоками внутри главного блока 3 блока с float: left все как бы нормально за исключением того что в ИЕ 3 вложенные блока переносяться каждый на отдельную строку Прочитал в нете что это глюк ИЕ7 что он не правильно считает ширину родительского блока В результате пришлось верстать ТАБЛИЦЕЙ. Вот что то на подобии <button id="basket_checkout" class="button" name="…
0 votes2 answers -
Проблема с кроссбраузерностью
Всем по привету! В общем проблема как всегда с кроссбраузерностью. Сделал меню из картинок-при наведении мыши на категории меняется цвет. В Хроме, Mozilla, IE - всё работает правильно. Но при наведении мыши на последние две категории в Opera(версия 12.0), категории цвет не меняют. Вот демо: http://salkstudio.ru/demoo/ ________ p.s в курсе кто нибудь как избежать проблему обработки изображений в разных браузерах. (в Хроме,Opera,IE - картинки мало контрастные, в Mozilla всё как надо)
0 votes3 answers -
Прозрачные границы у таблицы
В общем не хотят границы у таблицы быть прозрачными. Есть выход? http://jsfiddle.net/G3Qu7/
0 votes2 answers -
Помогите переделать содержание темы
Здраствуйте. Установил тему на wordpress. http://pravvo.org.ua/ В контенте сайта, под слайдерами, идут записи, они идут квадратиками, блочными или как сказать я не знаю. Т.е. 2 записи в строку. Мне нужно сделать что бы ОДНА запись была в строке. Как на скриншоте, что бы Статься была в строке: http://s018.radikal.ru/i516/1312/75/3c27234d7aed.png ВОТ эта тема: http://wp-templates.ru/hueman/
0 votes2 answers -
Row span наоборот
Как сверстать такое? Не знаю как сделать ячейку обведённую красным http://clip2net.com/s/7frZCV спс)
0 votes4 answers -
Как сделать, чтобы блок при горизонтальной прокрутке не двигался относительно окна браузера?
Вот пример: http://learn.javascript.ru/play/tIXZnb. если сдвинуть горизонтальную полосу прокрутки направо, то справа от красного дива белое пространство. Как сделать, чтобы красный блок всегда был прилипшим к правому краю окна, то есть чтобы он при скроллинге двигался направо вслед за прокруткой? position: fixed не подходит, потому что нужно зафиксировать блок только горизонтально.
0 votes0 answers -
Правильная кодировка для мобильных сайтов
Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.
0 votes6 answers -
Ссылка на всю высоту
Как сделать ссылку на всю высоту? http://codepen.io/anon/pen/KpZdJG
0 votes4 answers -
Bootsrap psd нету
Не могу найти psd макета для bootstrap, кто то может скинуть с уже простенький выставленной сеткой ?
0 votes1 answer -
Не работает обратная связь
Добрый день, уважаемые форумчане. Я новичок, запустил свой сайт (скачал понравившийся и при помощи какой то матери переделал его под себя). Перестала работать форма обратной связи, просидел 2 дня, и понял, что с моими мозгами я не смогу это сделать. Помогите пожалуйста мне исправить эту ошибку. Спасибо
0 votes1 answer -
Относительный размер шрифта(smaller) дает отличный результат если задать размер явно.
Доброго дня всем. Есть пример https://codepen.io/pitchcontrol/pen/bGbJdgZ Две таблицы вложены в блок, у блока задан размер шрифта x-large, у одной таблицы задан large а у другой smaller. Получается у них должны быть одинаковые размеры, но по факту они разные. Почему это так?
0 votes2 answers -
Стили ссылок
Вопрос по стилю ссылок - больше направленный на стиль ссылок-картинок У меня в style.css стиль ссылок такой: a { color: #76d074; } a:hover { color: #ff4a4a; } ну и соответственно, в коде страницы непосредственно <a href="xxx"><img src="xxx"></a> так вот в мозиле все ок, в Опера живет своей жизнью - как хочет показывает, IE - вообще синюшные какие-то. Так вот. Вопрос таков - можно ли сделать их одинаково зелеными? сайт www.zhivoyfest.ru
0 votes2 answers -
Убрать тайтл картинки
Использую скрипт jQuery lightbox. Он умеет брать информацию из тайтла картинки и передавать в открывающийся блок. То есть при клике на маленькую картинку открывается большая с названием (тайтлом). Но мне нужно кроме название передавать еще и описание картинки. Это, насколько я понял скрипт не предусматривает, поэтому я передавал в таком виде: <img title="name<br />description" В таком случае при наведении на маленькую картинку пользователь видит то что не должен(код). Как можно справится с этой проблемой? Может можно как то отключить отображение тайтлов на странице?
0 votes1 answer -
Нестандартный выпадающее меню
Делаю выпадающее меню, 3 уровня. Проблема в том что 2-й уровень должен иметь св-во overflow-y:scroll; так как пунктов может быть ооочень много. Из-за этого 3-й уровень не выходит за пределы 2-го. Кто сталкивался подскажите как решить проблему. Код ниже <style> ul.layer1 li {position:relative;} ul.layer2 {display:none; position:absolute; background:#fff; overflow-y:scroll; border:1px solid silver; padding:10px; top:10px; left:10px; z-index:100; list-style:none;width:150px; } ul.layer1 li:hover ul.layer2 {display:block;height:200px; z-index:100;} ul.layer3 {display:none; border:1px solid silver; position:absolute; background:#fff; padding:10px; top:10px; left:10px…
0 votes1 answer -
Проблема с меню...
Уважаемые пользователи , Не могу никак поправить ошибку в меню, навожу курсором выше текста, а текст снизу выделяется, как-будто я навел на него.. файл http://files.mail.ru/V29REF
0 votes1 answer -
как оптимизировать большие изображения?
Тема вроде бы тривиальная, но как-то окончательно в голове не укладывается. Вот из того что пока я нашла в инете получается 2-а основных метода оптимизации: 1) непосредственно работа с качеством, цветами, свойствами и т.д., что бы был минимальный размер; 2) нарезка изображения и вставка в таблицу. Хотелось бы узнать: 1) как лучше вставлять "тяжелые" изображения при верстке сайта; 2) если у нас такое "тяжелое" изображение является background, например в header, как тогда быть?
0 votes5 answers -
проблема с дивом
Вот фрагмент кода <style type="text/css"> body{ font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background: #42413C; margin: 0; padding: 0; color: #000; } .conteiner { width:1000px; background-color: #F4F5F7; margin: 0 auto; } .a { color:#FFF; margin-left:30px; font-size: 100%; } </style> <body> <div class="conteiner"> <div style="background-image:url(pic/link.jpg); width:960px; height:35px; margin-left:20px; margin-right:20px; vertical-align:middle; display:table-cell"> <a class="a" href="">Главная</a> </div> </div> нужно сделать что б ссылки внутри дива бы…
0 votes7 answers -
Таблица, стиль background в теге TH - разрывы
Господа, что я делаю не так? Хочу, чтобы заголовок таблицы был залит монолитно, а получается вот так: http://lexicanum.ru/table.html Код таблицы: <TABLE CLASS="border"> <TR> <TH CLASS="border_bottom">Столбец 1</TH> <TH CLASS="border_bottom">Столбец 2</TH> <TH CLASS="border_bottom">Столбец 3</TH> <TH>Столбец 1</TH> <TH>Столбец 2</TH> <TH>Столбец 3</TH> </TR> <TR> <TD>Ячейка 1.1</TD> <TD>Ячейка 1.2</TD> <TD>Ячейка 1.3</TD> </TR> <TR> <TD>Ячейка 2.1</TD> <TD>Ячейка 2.2</TD> <TD>Ячейка 2.3</TD> &…
0 votes4 answers