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
-
Проблемма с Joomla 2.5 (картинки)
Здравствуйте, подскажите в чем может быть проблемма. Собственно сверстал простенький макет сайта, с CSS стилями. Использовал некоторые картинки (логотипы, фон и т.д.). Собственно при запуске html файла в браузере все работает на ура. Далее решил создать шаблон для Jooml'ы..Переделал все как нужно. Собственно все работает, но почему-то не отображаются картинки. Тоесть сайт получается голый. Css работает, все как нужно, но ни фона, ни лого нету. Может это распространенная проблемма? Ниже код index.php <?php defined( '_JEXEC' ) or die( 'Direct Access to this location is not allowed.' ); $app = JFactory::getApplication(); ?> <?php echo '<?'; ?>xml version="1.0…
0 votes2 answers -
Не получается простой пример
В самоучителе проходил вот такое вот решение. Вывод вписанного текста во всплывающее окно JS при нажатии на кнопку: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Тег INPUT, атрибут name</title> <script> function dataField(f) { alert("Вы ввели: " + f.comment.value); } </script> </head> <body> <form action="handler.php"> <p><b>Введите текст</b></p> <p><input type="text" name="comment"> <input type="button" value="ОК" onclick="dataField(this.form)"></p> </form> </body> </html> Захотел сд…
0 votes2 answers -
display: none ?
delete
0 votes2 answers -
ColorPicker внутри элемента Option
Здравствуйте. Подскажите , задача - в списке select сделать выбор цвета с помощью colorPickera JS<script type="text/javascript"> function change_color(){ var select = document.getElementById('bodyBtn'); document.body.style.background = select.options[select.selectedIndex].value;}HTML<select id="bodyBtn" name="bodyBtn"> <option>-- Выбрать --</option> <option value="#a1a1a1" onclick="change_color()">#a1a1a1</option> <option value="#ff00ff" onclick="change_color()">#ff00ff</option> <option value="" id="defaultColor" name="defaultColor">Выберите цвет</option></select>Вопрос, как сделать выбор прои…
0 votes2 answers -
Вёрстка блоков
Привет! вот рабочий пример https://jsfiddle.net/soltx/hdytadeL/embedded/result/всё норм когда я задал ширину для label и у меня достаточно текста блок с вопросом прижат вот другой пример https://jsfiddle.net/soltx/qve5qwpb/embedded/result/ тут криво работает конструкция, нужно блок с вопросом, прижать к тексту, код должен быть универсальным, так как длина текста может быть разная и блок с вопросом всегда должен прижиматься к тексту, .item остаётся с фикс шириной в 300px
0 votes2 answers -
Сайт не отображается корректно в IE9
Сайт не отображается корректно в IE9 http://portfolio-for-web.esy.es/ Как это исправить?
0 votes1 answer -
Как сделать такую форму ?
Прошу проффи помочь мне, если не затруднит. Как реализовать такое. Например: есть форма input на странице и вопрос, если правильно ввести ответ в форму и нажать на кнопку, то переход на назначенную страницу, если же нет на другую. Возможно ли сделать вообще такое с помощью html? Прошу прощения если технически не правильно задал вопрос. Спасибо за помощь.
0 votes2 answers -
0 votes1 answer
-
специальные комментарии в html
в исходном коде HTML сайта "игромания" увидел много вот таких комментариев <!-- LRS 28.11.2017 14:45:12 -->, что это и для чего, в инете ответ не нашел, буду благодарен за пояснения!!!
0 votes1 answer -
Создание галереи
Всем привет. Очень понравилась как сделана галерея тут: http://www.volkswagen.ru/ru/ru/models/new_polo/gallery.html Подскажите, пожалуйста, как лучше и проще можно реализовать что-то подобное? С учетом того, что jQuery знаю на уровне "это сюда, это туда - о, работает". И дальше, чем знание html/css я пока не продвинулся. Спасибо!
0 votes2 answers -
Съезжает страница на разных разрешениях и браузерах
Добрый день. Центральная часть страницы рандомным образом съезжает (в разных браузерах по разному). Подскажите пожалуйста, что нужно подправить, чтоб исправить сию корявость. Спасибо! Сайт: ___
0 votes2 answers -
мини интернет магазин
люди подскажите пожалуйста делаю жалкое подобие интернет магазин просто для себя для практики на странице "товаров" все работает нормально но вот када жму кнопку отправить что не так (на странице отображается php код) подскажите в чем дело вот код страницы товаров тут же и заказывать и отправлять <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>витрина</title> <link rel="stylesheet" type="text/css" href="index.css"> <script LANGUAGE="JavaScript"> function calc() {tov=new Array("TOV1", "TOV2", "TOV3", "TOV4"); prc=new Array(100, 200, 300, 400); var kolvo=0; var…
0 votes0 answers -
Показ изображения и капча код.
Всем добрый вечер. Помогите пожалуста, как зделать чтобы при нажатии на изображение оно отрывалось не в новой вкладке как в фейсбуке или в контакте? Второй вопрос, как вставить проверочный капча код при вводе сообщения как на этом сайте?
0 votes2 answers -
2 колонки
del
0 votes1 answer -
Объясните что значит
В общем разбираюсь в чистом (пустом) шаблоне joomla 2.5 Так, как я в PHP так себе - прошу вашей помощи, что обозначают некоторые моменты: http://jsfiddle.net/jMu2P/
0 votes2 answers -
Резиновый блок
Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.
0 votes0 answers -
Проблемы с версткой каталога
Вот ссылка на макет Верстаю каталог... Есть три группы: Рекомендуемые, Новинка, Акционные товары. Хочу сделать так чтоб под каждую из групп был свой див и внутри него уже дивы с товарами. Так вот почему-то, когда я вкладываю в див группы товаров див с самим товаром, первый не растягивается по высоте... вот код HTML блок right это тот который справа от сайд бара. Тобеж контент или еще как его называют... <div id="right"> <h1> O магазине </h1> <p>Этот магазин является демонстрацией скрипта интернет-магазина Simpla. Все материалы на этом сайте присутствуют исключительно в демостр…
0 votes3 answers -
jquery + json генерация кнопок с условием отображения
Привет всем! Пытаюсь сгенерировать кнопки, условия отображения которых описаны в json. Подскажите, как сделать. Чтобы показать, что у меня все-таки самостоятельно кое-что получается, ниже показал свой успешный пример (генерация кнопок из json без условия). Вот мой код json (из того, что НЕ получается) : { "Caption": "Module caption", "IconsDirectory": "C://Images/", "Buttons": [ { "Conditions": [ { "ConditionText": "1 == 1", "ButtonText": "Text1", "Visible": true, "Colors": { "FontColor": "#FFFFFF", …
0 votes0 answers -
семантика меню
скажите пожалуйста не будет ли грубой ошибкой с точки зрения семантики формировать меню подобным образом? здесь пункты "sidebar" являются заголовками, но не пунктами меню
0 votes2 answers -
ширина экрана, неведомая бутстрапу3
помогите пожалуйста понять почему на страничке при ширине экрана 768px - 979px(соответствующей красному фону) элементы блока .footer_bottom выглядят так возможно расположить их осмысленно в этом диапазоне ширины?
0 votes5 answers -
список в 2 столбца
помогите пожалуйста решить проблему есть список в блоке определённой высоты. высота списка больше высоты блока, поэтому он отображается в 2 колонки у меня не получается сделать так чтобы сначала заполнялась пунктами списка первая колонка, затем вторая. выглядит это так устроит даже css3-решение. в крайнем случае - js
0 votes2 answers -
помогите с кодом
здравствуйте, помогите пожалуйста с кодом, мне нужно сделать сложное горизонтальное меню нужно что-бы кнопки первого уровня не растягивались и все остальное появлялось при наведении на кнопку первого уровня код разметки. Заранее благодарен за ваше потраченное время <menu id="menu"> <li class="red">блабла <ul> <h3 class="cat">Категория</h3> <li>второй уровень</li> </ul> </li> <li class="green">блабла</li> <li class="orang">блабла</li> <li class="blue">блабла</li> <li class="aqua">блабла</li> <li class="chid">б…
0 votes1 answer -
перевод фраз
бывалые, подскажите пожалуйста правила хорошего тона при работе с разными cms и фреймворками стоит ли любые фразы привязывать к системе перевода? например вместо такого: <h2>Вы успешно изменили пароль</h2>упорно писать подобное: <h2><% translate('pass_change_ok') %></h2>при просмотре тестового задания или сайта из фолио, увидев первый вариант, не сделает ли фейспалм среднестатистический работодатель? как вы лично относитесь к описанной ситуации?
0 votes4 answers -
Как это выполнить?
(Имеется PSD шаблон)Име
0 votes1 answer -
БЭМ. Правильно ли?
Доброго. Пришло время осваивать БЭМ -_- Подскажите, правильно ли в данном случае оформлено? (в данном посту буду и дальше задавать вопросы, так что не расходимся? ) Для обучения пока выбрал простенький макет. <header class="header"> <div class="header__text"> <p class="text-head"> Заголовок </p> <ul class="text-main"> <li class="text-main__item"> Пункт 1 </li> <li class="text-main__item"> Пункт 2 </li> <li class="text-main__item"> Пункт 3 </li> <li class="text-main__item"> Пункт 4 </li> </ul> &l…
0 votes0 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-