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
-
Помогите сделать авторизацию
Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в html сам практически не разибраюсь( спасибо в файле login.tpl код такой <ul class="reset loginbox"> <li class="loginbtn"> <form method="post" action=""> <div id="logform" class="radial"> <ul class="reset"> <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Парол…
0 votes9 answers -
Вопросю Можно ли с помощю css задать цвет для нескольких элементов в одном месте.
Всем доброго времени суток. Поучаствуйте пожалуйста в моей проблеме. Я разрабатываю приложение на базе QT, которое отображает несколько десятков HTML страничек(локально). Есть один css файл, который описывает кнопки и прочие элементы. Везде используется не более 6 базовых цветов, которые необходимо менять в настройках. Мне бы хотелость иметь конструкцию вроде следующей: color1: "red" color2: "green" color3: "yellow" color4: "black" color5: "blue" color6: "#010101" ............. TD.mainSelect { color: "color1" TD.menu { border-bottom: 4px color1 solid; Но к сожалению я ничего подобного в css и html не нашел. Ма…
0 votes3 answers -
длинное слово распирает блок
<html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <TITLE>Поиск на GOOGLE </TITLE> <style type="text/css"> div{width:50px;height:100px; border:1px solid red;} </style> </head> <body> <div>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</div> </body> </html> как сделать чтобы длинное слово автоматически разбивалось а не розпирало блок!?? какой то регуляр нашел которое делить слова больше 15 символов x.replace(/(\S{15}[^$])/g,'$s1\n') но не получается...
0 votes6 answers -
Проблема с наложением элементов
При длинном MESSAGE - залазит на кнопку, что справа http://jsfiddle.net/8r5DM/1/ Как сделать какое-нибудь ограничение чтоб текст мог обтекать кнопку сверху и слева но не залазил сверху на неё. решение пожалуйста. Заранее спасибо. Кстати желательно без табличную вёрстку, т.е. div'ами или чем-нибудь другим
0 votes1 answer -
Положение ползунка (скроллинг) в div блоке
Подскажите пожалуйста, как установить положение ползунка <style> #block_a { width: 100%; height: 300px; overflow: auto;} </style> <div id="block_a"> <?php while($i<100){$i++; echo "<br/>";}?> </div> Нужно чтобы ползунок автоматом был внизу
0 votes1 answer -
Ccs оформление. в iframe
Суть такая на форуме вставил вот так. <iframe class="donatwow" src="http://billing.besthost.by/wow/easypay.php"></iframe> Как к нему привязать оформление. А то я создаю ccs для donatwow и как бы ничего не происходит. Как я понял надо изменить оформление в http://billing.besthost.by/wow/easypay.php, так что бы у меня оно отображалось красиво. То есть изменить размер колонок, шрифт, цвет и так далее. Что предложите.. Вставляю в боковую панель ipb 3.2.2, там разрешен: Включить RAW HTML / JS режиме Если enbled, NO разбора произойдет. Хорошо, если вы хотите показать HTML / JavaScript только, например, поместить его виджет или баннер. Используйте таблицу / Граница …
0 votes0 answers -
Не работает Colorbox !
Сутки мучаю этот скрипт . И не могу понять что не так . Вроде подключил стиль и два скрипта , пути к картинкам норм прописал и че ...Смотреть PS: js-ки не трогал только в css добавил селектор для превью из "Pirobox-a" а так все из оф сайта.
0 votes3 answers -
Подскажите, пожалуйста, со стилем Яндекс.карты
Здравствуйте, подскажите пожалуйста - совсем запуталась с тегами. Мне нужно создать border-image вокруг яндекс.карты на страничке. Код страницы <div class="map-border"><div id="YMapsID-5652" style="width:350px;height:270px"></div></div> css #map-border { border-width: 25px 30px 10px 20px; -moz-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; -webkit-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; } Бордюр не отображается.. в чем намудрила, никак не пойму Т_Т Заранее благодарю за помощь всех откликнувшихся
0 votes4 answers -
Проблема с офромлением меню выпадающего списка
Сделал выпадающее меню, также при наведении на "Женская одежда", у неё появляется фон рисунком, хочу прилепить еще недостающий рисунок к правой части основного рисунка. Как это сделать? У меня не получается. Меню сделал так: <div id="menu"> <ul> <li> <a href="#">Женская одежда</a> <div> <ul> <li><a href="#">Платья</a></li> <li><a href="#">Топы</a></li> </ul> </div> </li> <li> <a href="#">Мужская одежда</a> <div> <ul> <li><a href="#">Костюмы</a></li> <li><a href="#">Рубашки</a></li> </u…
0 votes13 answers -
Нужен совет по верстке
http://leveler.ru/malina/ Вот верстаю макетик. Как бы сделать так, чтобы сияние под логой всегда совпадало по расположению с самим логотипом? Пока у меня нет мыслей, кроме как логотип вклеить в фон. Но тогда он вместе с фоном будет уезжать за страницу при масштабировании.
0 votes21 answers -
Мобильная верстка. Автоматическая подсветка тапнутых элементов.
Добрый день. При верстке странички для android возникла проблема. При тапе на определенном диве, он автоматически подсвечивается средствами браузера (желтая область с оранжевыми границами). Каким образом возможно убрать эту подсветку?
0 votes2 answers -
Скрипт по защите е-маиль адресса не работает....
Всем доброго дня, вечера и настроения. Вопрос чайника. Не пинайте, а если все таки, то, пожалуйста, не ногами и не по голове. Есть вот такой скрип по защите е-маиль адреса от спамовых роботов: <script language="JavaScript"> <!-- var name = "name"; var domain = "domain.ru"; document.write ('<a href=\mailto:' + 'имя' + '@' + 'домейн.ru' + '\>'); document.write('<img src=pict/mail.gif border=0 alt=" НАПИСАТЬ ">' + '</a>'); // --> </script> Во всех браузерах работает, а в Мозиле (версия 7) не работает... Какова причина? По идее при нажатии на ссылку (в данном случае картинка) должен открываться мейлер (почтовая прогр.)... Мозила открывает …
0 votes8 answers -
Диалоги
Хочу написать Диалоги как вКонтакте, подскажите в чем тут может быть проблема? Чтобы do while так же выводил как вКонтакте. <div>w1ndw0rk - v0in<div> <div>v0in - w1ndw0rk<div> http://cs5870.vk.com/u10393717/107424414/x_a9c1abda.jpg $dialog_res = mysql_query("SELECT * FROM messages WHERE author='$login' ORDER BY id DESC") ; $dialog_row = mysql_fetch_array($dialog_res) ; //************************************************ //************************************************ if (!empty($dialog_row['id'])) { do{ $user_res = mysql_query("SELECT * FROM users WHERE login='$login'") ; $user_row = mysql_fetch_array($user_res…
0 votes1 answer -
Маленький дефект отображения футера в Opera
Здравствуйте, уважаемые эксперты! Столкнулся с небольшим, но очень неприятным глюком при отображении вёрстки сайта в Opera "Версия: 11.50 Сборка: 1074". Во всех браузерах всё ок, а вот в Опере при первом открытии страницы футер выглядит съехавшим вверх (страница построена с прилипающим к низу подвалом). После обновления страницы футер садится куда надо. Причем можно сделать "Проинспектировать элемент" на любом элементе и справа в списке стилей любую галочку снять, футер тут же встанет на место. Такое ощущение, что не хватает странице совсем чуть-чуть, чтобы догрузить до конца все данные. Вёрстка валидна. Тут HTML код Тут CSS
0 votes8 answers -
для совсем чайников
Добрый день! Начал самостоятельное изучение html и css. Есть пока пара совсем глупых общих вопросов, о которых в учебниках ответа нет. Поэтому обращаюсь к сведущим в данном вопросе людям. 1. Как редактировать html-код страницы? Я всё время сохраняю код в 2х разрешениях - .txt и .html. Можно ли сохранять только в .html и как потом дополнять/редактировать? (у меня MacOs, браузер Safari) 2. Когда использую css, то изначально всё отображается правильно. Но после внесения изменений/дополнений в файл .css внесённые изменения уже не отображаются при просмотре в .html. Как правильно вносить изменения в .css, чтобы они отображались? Спасибо за любые пояснения.
0 votes26 answers -
Задача по CSS
Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> <…
0 votes26 answers -
Нумерованный список с рисунками в качестве маркера
Здравствуйте! В общем, помню, видел в каком-то шаблоне такой хит: нумерованному списку задаешь класс, к примеру какой-то "num_list", и вместо цифр шрифтом отображаются цифры картинками... Для маркированного списка без проблем сделать маркер картинкой, а для нумерованного, чтобы 1-му элементу списка соответствовал рисунок с изображением единички, 2-2, 3-3 и т.д. Или такое невозможно и я все это придумал? Если кто-нибудь знает, подскажите, пожалуйста. Спасибо!
0 votes6 answers -
При увиличении масштаба браузером беда!
Что нужно что бы сайт нормально масштабировался и сохранял позиции блоков? Масштаб содержимого увеличивается а самой страницы только по высоте!
0 votes2 answers -
Верстка дивами или с помощью таблиц
Добрый день! Прочитал много статей по теме, во многих написано что если верстка дивами страница грузится гораздо быстрее.Конечно это весомый аргумент . Но хотелось бы еще узнать и ваше мнение , я знаю здесь очень много профессионалов, мне например нравится верстка с помощью таблиц, но я умею также использовать и "диви", на моем сайте есть и диви и таблици,
0 votes6 answers -
Multiple Backgrounds IE6 / 8
Здравствуйте уважаемые верстальщики. Подскажите, никак не могу разобраться. Как в IE8 хотя бы, не говоря уже о более ранних версиях, сделать несколько фоновых изображений (body)? У меня стоит через запятую (CSS3). Есть какая либо альтернатива, которая будет работать во всех браузерах. Сайт работает на WP.
0 votes9 answers -
Антивирус и сайт
Тут возникла такая проблема,у некоторых пользователей сайта(с антивирусом касперский) при его загрузке начинает ругаться на содержание вирусов,что можно сделать и как исправить кто нибудь может подсказать? *желательно по подробней Спасибо за ранее
0 votes3 answers -
Меню на JS
вот тут верстка: ВЕРСТКА В общем меню надо сделать так, чтобы при наведении на любой участок раздела меню картинка этого пункта меню менялась с черно булой на цветную. Э это смог реализовать только когда наводишь непосредственно на саму картинку. Когда навожу на ссылку, картинка не меняется! Как сделать чтобы поменялась?? Сейчас я пытаюсь написать функцию на JQuery, но пока идей нет. Это то самое меню! <ul class="pages-menu"> <li><a href="#" title="#"><img src="images/home-a.png" onmouseover="this.src='images/home-h.png';" onmouseout="this.src='images/home-a.png';" />Главная</a></li> <li><a href="#" title=…
0 votes8 answers -
Проблема с css в Chrome
Добрый день, не могу понять в чём проблема. В Хроме на сайте http://baffin-world.ru/ проблема с главным меню, при наведении на пункт и попытке выбрать подпункт все подпункты исчезают. во всех остальных браузерах всё хорошо. Подскажите, в чём проблема?
0 votes2 answers -
Помогите исправить маленький недочёт в спойлере
Помогите исправить маленький недочёт в спойлере <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.s1 { display: block; width: 200px; height: 30px; } A.s1:hover { background: #33CC00; border: 3px double #339900; } A.s2 { display: block; width: 200px; height: 30px; } A.s2:hover { background: #FF0000; border: 3px double #CC0000; } .m1 { display:block; width: 200px; height: 30px; margin:0 auto; } .m11 { display:none; padding-top: 0px; } .m1:hover .m11 { display:block; } .p1 { line-height: 2; font-size: 11pt; font-weight: bolder; color: #000000; margin-left: 10px; }…
0 votes0 answers -
Съехал весь сайт
Заменил гугло скрипт один на другой и сайт весь съехал Помогите узнать почему. Сайт: http://twiu.ru/h92
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-