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
-
ссылки по документу
Добрый день. при переходе на страницу сайта - site.com/dokument.html все нормально, но если потом перейти по ссылке site.com/dokument.html#href заголовок съезжает наверх могу дать линк на сам сайт
0 votes1 answer -
Что сдвигает банер
Здравствуйте. Верстаю страницу. Если навести на пункт меню услуги, то банер съезжает. Инструменты разработчика Хром не дают ответа о причине происходящего либо я ими не правильно пользуюсь(выделяю теги ul, li, a и смотрю в разделе Metrics размеры отступов и пр. с и без наведения мыши) Подскажите пожалуйста, какой из тегов сдвигает банер вниз.
0 votes4 answers -
проблемы в ie 9
Доброго времени суток. В общем решился я сверстать свой первый макет от сюда http://forum.htmlbook.ru/index.php?showtopic=29381 и тут же появились проблемы: 1. в хроме все нормально отображается на данный момент верстки (http://www.webfel.p.ht) Chrome http://s-pic.ru/i/59134.png ie9 http://s-pic.ru/i/59135.png В других браузерах не знаю как выглядит, но думаю что нормально Как исправить? 2. не знаю как сверстать уголки у слайдера.
0 votes6 answers -
Проблема с выравниванием 2-х кнопок
Здравствуйте, всем! Благодарю за то, что посмотрели тему! Добавил на сайт 2 кнопки Скайпа: http://murmot.ru/contact/ Пробовал различными способами сделать так, чтобы они шли в одну строку в месте с текстом "по Skype", т.е. по Skype: Кнопка1 Кнопка2 но так ничего и не вышло. Код страницы такой: Вы можете связаться с нами наиболее удобным для Вас способом: <ul> <li>по телефону <strong>+7 499 6 388 995</strong></li> <li>по Skype: <script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script> <a href="skype:boris_biz?add"><img src="http://download.skype.com/share/skypeb…
0 votes5 answers -
Сайт отображается в разных браузерах по разному
Сайт "Ваша кровля" правильно отображается только в гугле.
0 votes5 answers -
удалить часть url
знактоки mod_rewrite, помогите пожалуйста удалить из адреса фразу
0 votes4 answers -
Изменение ширины textarea
Доброго времени суток. Есть элемент textarea c таким CSS: ... width: 500px; min-width: 100px; ... Согласно замыслу, при уменьшении ширины страницы, ширина поля тоже должна уменьшаться. Но получается вот это: Прошу помощи.
0 votes3 answers -
Вертикальное выпадающее меню
Сделал вертикальное выпадающее меню, все отлично, но только выпадающая часть появляется рядом с родительским пунктом, а надо, чтобы она появлялась рядом с первым пунктом, как на картинке.
0 votes3 answers -
Помогите разобраться с синтаксисом)
Разбираюсь в создании меню. Разъясните пожалуйста, или дайте ссылку, где можно почитать про такой момент: Есть HTMl код: <div id="menunav"> <ul> <li><a href="#">раздел №1</a></li> <li><a href="#">раздел №2</a></li> <li><a href="#">раздел №3</a></li> <li><a href="#">раздел №4</a></li> </ul> </div> А вот CSS: div#menunav { width: 100%; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; font-size: 11px; background-color: #b3b3b3; padding: 0 0 0 30px; } div#menunav ul { margi…
0 votes3 answers -
PSD
Подскажите плз где можно почитать как правильно пользоватся фотошопом для нарезки рисунков из PSD (как выбирать слои, как их обединять, уберать фон, узнать тип шрифта и т.д.). Заранее спасибо.
0 votes1 answer -
Padding в процентах для Input
Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код: <html> <body> <input type="text" style="width:80%; padding:0 10%;"> </body> </html> Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа. В чем проблема Лисы и есть ли решение?
0 votes2 answers -
Проблема с версткой
Здравствуйте, подскажите как лучше сверстать такой макет? у меня все друг на друга налазит(( особенно меня интересует, как графику расположить в углу. :huh:/>/>/>
0 votes3 answers -
Прозрачность и тени
Всем доброго времени суток! Начал верстать макет от Softlink. Вот фрагмент макета: И код, соответственно: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <style type="text/css"> *{ margin:0; padding:0; } #wrap{ width:200px; height:300px; padding:10px; background:url(bg.png); } #header{ width:100px; height:50px; border-radius:15px 15px 0 0; background:rgba(0, 0, 0, 0.15); box-shadow:0 0 1px rgba(255,255,255,0.15), inset 1px 1px 1px rgba(0,0,0,0.15); } #container{ width:100%; height:200px; border-radius:0px 15px 15px 15px; …
0 votes0 answers -
Проблема с меню
Здравствуйте, помогите пожалуйста с меню, я не знаю как сделать чтобы активный пункт выделялся желтым градиентом с треугольником. http://itmages.ru/image/view/761786/8e2854b1 мои наброски http://jsfiddle.net/EdLTE/
0 votes1 answer -
ИЕ`s :)
Привет Людям! сверстал сайт, открываю в ие6 ие7 ие 8 ....короче ни в одном из ИЕ не открываются картинки прописанные через CSS!!!! картинки в стилях прописаны таким образом width:100%; height:429px; background-image:url(images/bg-header.jpg); Код для хедера* а вот и сам ХэдЭР http://savepic.su/2901769.htm
0 votes6 answers -
Помогите пожалуйста
Есть текст открытый с помощью fire bag (отрезок) <div id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Мне нужно сделать так: <div id="Proba" id="ext-comp-1021" class=" cssXPLabel XAML-object-title-label">Главная</div> Вроде всё просто открыл файл html и прописал, но вот в чём проблема когда открываю файл html (view_doc.html) там вот такой текст <% Server.Execute( "include/access_init.html" ); curParams = new SafeObject; tools_web.set_web_params( curParams, curWebDesign.wvars, true ); Request.Session.Env.SetProperty( 'curParams', curParams ); if ( curObjectInitErrorText != '' ) { curErrorText = curObjectInitErrorText…
0 votes11 answers -
создание поиск на сайте
Народ подскажите пожалуйста как сделать на сайте поиск например я ввожу слово "явление" и поиск находил все что связано с этим словом. если можно по подробнее может использовать скрипт или еще что нибудь напишите пожалуйста буду очень рад. заранее спасибо да и еще будет ли он работать если у меня сайт пока что не на хостинге
0 votes13 answers -
Подсветка пунктов многоуровневого меню
Есть стандартное многоуровневое меню в Joomla 2.5 Как подсветить активный пункт? Имеется в виду, что если я например выбираю Пункт1->Пункт1.1->Пункт1.1.1, то чтобы все они подсвечивались, а остальные пункты оставались с прежним цветом. Тут есть такой код: <li class="item-109 active deeper parent"> Можно ли как-нибудь через css прописать с помощью классов active эту подсветку?
0 votes3 answers -
как сделать кнопку при наведении
В общем написать сложновато, но хочется узнать как при наведении сделать чтобы ссылка получила побокам обводку как на риснке, и в независимости от ширины текста. То есть ссылка "Главная" и "Форум" имеют разную ширину, а хочется сделать чтобы заокругления получались на одинаковом расстоянии от начала и окончания слова. Вот пример, только его не разберу http://krasrada.sumy.ua/ только тут работает при наведении на главную..
0 votes3 answers -
Передача переменных на другой домен
Прикручиваю платежную систему на сайт. Для этого необходимо послать запрос на определенные URL(другой домен, разумеется) и передать некоторые переменные. Вот тут возникает небольшая проблема, как это, собственно, реализовать.
0 votes2 answers -
В чем разница .shtml .stm .shtm
Добрый день. В чем разница .shtml .stm .shtm Я знаю что это и для чего. Но вот разница какая? Спасибо.
0 votes6 answers -
Подсказки jquery
Привет!!! Есть такой код html <a href="#">Кнопка</a> <div id="block"> <p>Информациооный блок</p> </div> <a href="#">Кнопка</a> <div id="block"> <p>Информациооный блок</p> </div> jquery <script type="text/javascript"> $(function() { $("a").mouseover(function() { $("#block").fadeIn(); }); setInterval(function() { $("#block").fadeOut(); }, 5000); }); </script> Тоесть, при на видении на ссылку всплывает скрытый блок а через некоторое время он исчезает. Проблема в том что всплывает только у первой ссылки - допустим ссылка в…
0 votes3 answers -
Не вижу класса .pressed, но его стиль действует
Здравствуйте. Думаю уже на знакомом вам сайте есть стиль ul#css3menu2 ul li:hover>a,ul#css3menu2 ul li a.pressed{ background-color:#070f57;border-style:solid;border-color:#FFFFFF;color:#FFFFFF;text-decoration:none;} Так вот, если ul#css3menu2 ul li a.pressed исправить на ul#css3menu2 ul li a, то появляются изменения в поведении браузера при наведении на подпункты меню(взять например можно пункт "О нас"). Поискал по справочнику CSS, про pressed ничего не нашел, просмотрел код страницы тоже не нашел класса pressed. Почему же действует свойство селектора ul#css3menu2 ul li a.pressed?
0 votes10 answers -
Backgound-image поверх img
Привет всем! Такой вопрос. Есть код: html: <img src="test.png"> css: img:hover { background: url(test2.png); } Т.е. я хочу чтобы при наведении на img накладывалось изображение из background. А сейчас оно появляется ПОД img.
0 votes7 answers -
Слой поверх tr
Здравствуйте! Столкнулся с проблемой: Есть таблица. Есть строка таблицы. На строке есть какие-либо контролы, которые выполняют, допустим, ajax-запросы. Необходимо придумать способ, как можно наложить поверх tr полупрозрачный слой с индикатором загрузки по центру. На td я такой слой наложить могу, оборачивая его содержимое в div с position: relative, а вот с tr так не сделать. Может быть есть способы решить вопрос?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-