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
-
Проблема в .css
Добрый вечер. У меня такой вопрос. У меня сайт dle 8.3, в шаблоне имеется меню которое настраивается в .css Вот в чем проблема: меню имеет 2 столбца. Подкатегории не строго идут под главной категорией а в разброс. как видно имеется главная категория "DataLife Engine" далее подкатегория "Реализы" ушла в правый столбец,"сборки" тоже ушли в правый столбец- хотя они относятся к категории "DataLife Engine" и должны идти под ней, а не перескакивать в правое меню. И так у меня со всем меню. Получилось что меню полностью смешалось и не понять к какой категории относятся подкатегории. Вот сам .css .categories-block {overflow: hidden; zoom: 1; position: relative; width: 470px; pa…
0 votes6 answers -
Таблица HTML
Здравствуйте ув. коллеги. У меня такая проблемка. Просматриваю сайт, информация отображается в виде таблицы. Мне нужно данную таблицу перенести в ексель. Вариант сохранить mht (htm) и потом открыть офисом не подходит, т.к. даные выстраиваюся в столбик, а мне нужно чтоб оставалась табличка. И исходные даные "оставались" по ячейкам. Люди добрые, помогите кто чем может.
0 votes7 answers -
Фреймы?
Начал изучать html и много слышал о том, что фреймы это пережитки прошлого, собственно отсюда и вопрос: стоит ли изучать эту область html или всё это реализуемо с помощью сторонних методов (например посредством - css)?
0 votes7 answers -
Лишний отступ в Div (IE6)
Столкнулся с проблемой при версте. В IE6 появлчется лишний отступ между шапкой (сделана Дивом) и основным блоком (также в Диве) в коде: <div style="background-image:url(themes/default-red5/img/top.jpg); background-repeat:repeat-x; margin: 0 auto; min-width: 1002px; background-position: top center; height: 260px; width: 100%"> <div> Логотип </div <div> Корзина </div> </div> // Тут появляется лишний отступ в 3-5 пикселей // <div id="wrapper"> </div>
0 votes5 answers -
Нужна помощь!)
Добрый день! Пишу к вам с просьбой о помощи! Начал изучать HTML и CSS, есть какие то начальные достижения, но некому показать, посоветоваться что не то или не так... Да и вообще, что за чем лучше изучать... Догадываюсь, что таких тут бывает много, но все же надеюсь на ваше понимание и сочуствие!
0 votes15 answers -
Макет: мин-высота = 100%
здрасте. Такая задача: 1. двух-колоночный макет с контентом слева и сайдБаром справа 2. мин-высота макета = 100% 3. высота - определяется высотой контента или сайдБара (что выше) 4. средствами CSS (если возможно конечно) мин-высоты знаю можно добится html,body {100%} и потом растянуть контент или обвертку контента на 100. но тогда, если содержимого будет больше чем 100%-я высота - контент будет вылазить за пределы блока. реально такое сделать на css?
0 votes9 answers -
Черты профессиональной верстки и немного кода.
Приветствую всех посетителей форума.Собственно, сабж: Уже около года более-менее постоянно занимаюсь версткой(CSS+HTML+jQuery).Фриланс, разовая работа,помощь друзьям.Учился всему сам. Довольно часто заказчики кидают ссылки на крупные, добротные сайты, с просьбой "сделать как там".Ну и что уж греха таить,иногда внаглую копипащу код оттуда, и подгоняю под запросы заказчиков. Заметил, что на качественных сайтах верстка, скажем так, "усложнена"(не знаю какое слово подобрать ) Чтобы было понятнее, приведу кусок кода, взятый из формы. <div class="inputText" style="width:150px;"> <i> <b> <input type="text" name="phone" id="phone_number" value=""> …
0 votes12 answers -
Горизонтальная прокрутка 1024px
Часто дизайнер делает дизайн шириной 1024px. Как быть с горизонтальной прокруткой, которая может появится при разрешении 1024х600 или 1024х768. - Делать меньше врапер - как бы нарушается уже дизайн; - overflow-x:hidden для <body> - предполагаю, что это в корень неправильно. Есть ли где нибудь информация по этому поводу, это промахи дизайнера или все на самом деле просто?
0 votes6 answers -
Подскажите, как в моем случае прижать футер к низу?
вот тут Что только не пробовал... все на середине идет
0 votes7 answers -
Проблема с меню first-child
не как не могу реализовать, пробовал и так и так не как не получается Специально сделал черным что бы видно было... http://jsfiddle.net/9LSf7/1/ И еще дело в том то что мне надо будет еще потом перед текстом иконки вставлять.. вот такая заморочка у меня вышла не как не могу подвинуть что бы он не залезал на полоску которая в first-child
0 votes20 answers -
Хоть убей...
Добрый вечер, хоть убей, сижу и не могу понять что не так...не срабатывает ховер на span <ul class="menuSidebar"><li><span><i></i></span><a href="#">LINK</a></li><li><span><i></i></span><a href="#">LINK</a></li><li><span><i></i></span><a href="#">LINK</a></li></ul>.menuSidebar{ margin-bottom: 30px; padding: 10px 0; background: #eee;}.menuSidebar li{ margin-bottom: 10px; overflow: hidden; padding: 0 20px;}.menuSidebar span{ display: block; float: left; font-size: 30px; color: #999;}.menuS…
0 votes9 answers -
ищу наставника
Я начинающий верстальщик, ищу наставника вот пример моей работы http://dima.chpmodul.com.ua/ Знаю что таких здесь не любят, хотя по моему это взаимовыгодное предложение. Я могу выполнить за вас часть работы, и расчет за это - знаниями. Но если это никому не интересно, тогда можно просто обсудить цену за час занятия, Обучаюсь я в основном сам, так что занятий будет не много В общем кому интересно пишите в скайп: dm1trij_2
0 votes3 answers -
В нижней части галереи перезжают фотографии
Добрый день. Помогите пожалуйста разобраться, почему в глее переезжают фотографии в конце списка? 4-8-12фото... держатся ровно, а когда 1,2,3 на новой строке все плывет. http://pl.styleathome.ru/satin.html Спасибо.
0 votes2 answers -
как сделать как http://www.dmdd.info/
вот нашел сайт: http://www.dmdd.info/ когда экран маленький, картинку видно не всю, когда экран большой картинку видно всю и весь сайт по центру. может ли кто мне подробно описать модель?
0 votes1 answer -
иконка
.................
0 votes3 answers -
td берет 100% высоты всего окна
В таблице из средняя ее строка должна съедать все ее свободное пространство. из ниже приведенного кода, в фф она съедает его вполне правильно. заполняя собой все свободное пространство и не раздуваясь за пределы окна, а в ие и опере она берет высоту 100% окна в целом, а не просто раздувается на все доступное ей пространство. как ее заставить во всех бразуерах вести себя аналогично фф. <!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <style> html, bod…
0 votes1 answer -
Фон не подключается из внешнего файла
Добрый день! Занимаюсь версткой уже не первый год, но впервые столкнулся с подобной проблемой - и не могу найти ее причину. Есть файл стилей (style.css), содержащий строку с подключением фона: body { background: #fbf4a0 url(img/bg-b-l.jpg) bottom left no-repeat; color: #5c3400; font-family: Arial; padding: 12px; } ... И страничка (index.php), в которую файл стелей подключен строкой: <link rel="stylesheet" href="cssjs/style.css" type="text/css" /> Проблема в том, что фон не подключается! На странице отображается только фон цвета #fbf4a0, а изображение отсутствует. Что самое интересное - если прописать на страничке встроенный стиль, то все подключается! …
0 votes4 answers -
Высота блока
Такое дело, делаю два флоатовых блока, первый с резиновой высотой, второй тоже, и нужно чтобы второй блок был на постой с высотой 50% от первого
0 votes7 answers -
Съезжает блок
сайт http://art-devision.vladiva.com/index.php главная страница съезжает где то на 5px влево,по сравнению с другими страницами, никак не пойму в чем дело подскажите плиз
0 votes6 answers -
x-скролл при 1024
HI! http://www.maslennikov-rv.narod.ru/xz/ - тут беда Помогите решить задачку. Нужно чтобы верстка отображалась без скроллинга на разрешении 1024. Что мешает: - .logo1{width:1182px} - верстка должна быть 100% схожа с макетом, поэтому позиционировать фоном в боди не гут. Пробовал решить так: (document.body.clientWidth<1024)?document.body.style.overflowX="hidden":document.body; - но это тоже не гут, скрола аще нет, если пользователь сожмет браузер на < 100% то все ппц не прокрутит.. В общем HELP!!
0 votes5 answers -
Проблема при верстке формы
Есть форма: <div class="yapoisk" > <form action="http://ast.ru/poisk.shtml" method="get"> <input type="hidden" name="searchid" value="120203"> <input name="text" class="yapoisk1"> <input type="image" src="/images/searsh.png"></form> </div> .yapoisk{ border: 1px solid #7dbae9; background-color:#7dbae9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/ssi/PIE.htc); position: relative; z-index: 100; text-align: center; width: 260px; height: 27px; } .yapoisk1{ border: 1px solid #cee7fa; background-color:#ffffff; width: 210px; margin: 0px 0px 0px 0px; } в IE все норм а в остальных съезжает вн…
0 votes6 answers -
html5-тэги в xhtml
не первый месяц верстаю, но до сих пор от стандартов голова кругом. помогите пожалуйста разобраться в таком вопросе как известно в html5 используются новые теги. для того чтобы старые браузеры понимали их применяют яваскрипт. если я объявлю тип документа xhtml, затем яваскриптом научу браузер понимать новые html5-тэги и буду их использовать, то могут ли возникнуть какие-нибудь проблемы? пробовал на готовой вёрстке заменить несколько дивов на новые html5-тэги. кажется ничего не съехало пока. но это ни о чем не говорит...
0 votes8 answers -
не расскрывается меню
Здравствуйте, есть многоуровневое меню на jquery, вот код. $(document).ready(function(){ $("ul li ul li ul").hide(); $("ul li ul li").height(35); $("ul li ul li a").click(function(){ $(this).next("ul").slideToggle(); }); }); <ul> <li id="execphp-2" class="widget widget_execphp"><h2 class="widgettitle">каталог</h2> <div class="execphpwidget"><ul> <li class="cat-item cat-item-40"><a href="http://www.teplocomfort68.ru/katalog/santexnika/">Сантехника</a> <ul class="children"> <li class="cat-item cat-item-41"><a href="http://www.teplocomfort68.ru/katalog/santexnika/akrilovye-vanny/">Акриловые ванны<…
0 votes2 answers -
Меню для адаптивной верстки
Добрый вечер, Разрабатываю сайт, одним из основных требований к которому есть адаптивная верстка. Все довольно просто, но есть проблема - на определенной ширине дисплея нужно превращать меню в кастомизированый dropdown. Напрашивается подключение плагина и мониторинг текущей ширины дисплея через js, но кажется, что это решение "с душком". Подскажите, возможно ли реализовать это более "чисто", и если да, то как? Вот меню, над которым оперирую. С уважением, Михась
0 votes1 answer -
Перенос строки на кнопке
Здравствуйте! Столкнулся с такой проблемой, есть кнопка, на кнопке надпись в одну строку. Надо ниже, добавить еще одну строку. <br /> не катит, он переносит не только текст, но и саму кнопку. HTML <div id="shop"><a href="http://mebelny.in.ua/shop/" class="friend" target="_blank" title="Партнер сайта"/>ИНТЕРНЕТ МАГАЗИН</a></div>CSS .friend{text-decoration:none; text-align:center; padding:10px 33px; border:solid 1px #850101; -webkit-border-radius:0px 4px 4px 0px; border-radius: 0px 4px 4px 0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:4px; -moz-border-radius-bottomleft:0px; -moz-border-radiu…
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-