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. При наведении на ссылку меняется фон и появляется подменю. Как можно сделать что бы при переходе на подменю, у ссылки основного меню оставалось свойство hover. Т.е при наведении на "3-А", свойство hover было и у "3" и у "А" .Помоему только средствами css такое не сделать, нужен javascript, или я ошибаюсь? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <style type="text/css"> /*левое меню*/ .left_menu{ font-size:12px;} /*выравнивание списка*/ div.left_men…
0 votes2 answers -
Выравнивание счетчика
Помогите пожалуйста новичку подскажите как выравнять счетчик на данный момент она находится слева в самом углу мне бы хотелось его как то поставить в правый угол с отступами от краев как можно выровнять
0 votes10 answers -
Надо ли Calibri подключать @font-faceОМ?
Надо ли Calibri подключать @font-faceОМ? По идее надо, на всякий случай хочу спросить
0 votes5 answers -
IE — говно
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' lang='ru' xml:lang='ru'> <head> <style type="text/css"> ul li, ul li img { display: block; margin: 0; padding: 0; line-height: 0; height: 22px; width: 120px; } ul { margin: 0; padding: 0; list-style: none; } ul li { background: green; } </style> </head> <html> <div> <ul> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> <li><img src="" alt="234234"></li> …
0 votes19 answers -
анти-альясинг и тень у шрифта средствами CSS
Доброго времени! Подскажите плиз как сделать шрифт сглаженным и с тенью средствами CSS. Вроде говорят так можно... Текст должен выглядеть вот так:
0 votes3 answers -
Большая картинка в меньшем диве
Доброго времени суток! Не знаю как сделать лучше. Есть большая картинка размером 100*100px, и есть маленький div 50*50px. Как сделать чтобы картинка отображалась в нем полностью? Привожу свой кривой код. html: <div id="wrap_button"> <a class="screen_button" href="#"></a> </div> css: div#wrap_button { width: 50px; height: 50px; } a.screen_button { display: block; background: url(images/button.png) no-repeat; height: 100%; width: 100%; } P.S. <img /> вставлять не желательно, так как при наведении на ссылку должна меняться картинка. Буду благодарен за помощь.
0 votes12 answers -
Простой кредитный калькулятор (помогите с PHP)
Пытаюсь сделать простенький кредитный калькулятор на сайте... Три поля ввода (Цена товара, Первый взнос, Срок кредита), две кнопки (Рассчитать, Сброс) и три поля вывода данных (Сумма кредита, Ежемесячный платеж, Сумма переплаты)... Знания в PHP мягко говоря поверхностные... наваял такую штуку.. не пашет... подскажите где я не туда иду... <form nale="calcform" method="post" action="<?php echo $_SERVER ['PHP_SELF'] ; ?>"> <table> <tr> <td>Цена товара, грн.</td> <td><input name="price" type="text" value="0"></td> </tr> <tr> <td>Первый взнос, грн.</td> <td><input name="vz" type…
0 votes10 answers -
Кнопка не выравнивается по центру
Привет, всем! Нужно выровнять кнопку по центру, но обычные способы выравнивания, почему-то, не работают. Вот так выглядит код: <div align="center"><a class="big-button bigblue" href="http://murmot.ru/contact/"><span>Заказать программу</span></a></div> Ссылка на пробную страницу с кнопкой: http://murmot.ru/testpage/ Пробовал использовать vertical-align, div, создавал даже class с выравниванием по центру - не помогает. Подскажите, пожалуйста, как ее все-таки выровнять. Благодарю за внимание и за помощь!
0 votes5 answers -
Кириллица через form
Столкнулся с такой проблемой, форма на отрез отказыется принимать кириллицу. Пробовал через post и get причем через get я получаю в адресной строке вполне адекватный запрос a-la qwerty.ru/?name=русскийText А когда стараюсь вынуть из переменной ее значение получаю только Text. Кириличесские символы не превращаются в крокозябру, а просто отсутствуют в переменных. Сайт на джумле. Код банальный и рутинный. <form method="get"> Фамилия<br><input type="text" name="lname" required><br> Имя<br><input type="text" name="name" required><br> Телефон<br><input type="text" name="phone" required><br> &l…
0 votes1 answer -
Не работает выпадающее меню на CSS
Есть кнопка Online (.ostatus .button), при наведении мыши на которую должно выпадать меню (.ostatus ul), но ничего не происходит. Делал по готовым примерам в интернете - тоже ничего. HTML: <div class="ostatus"> <div class="button"><span class="status online"></span> Online <span class="caret"></span></div> <ul> <li><span class="status online"></span> Online</li> <li><span class="status offline"></span> Offline</li> </ul> </div> CSS: .ostatus .button {position:relative} .ostatus ul {position:absolute;width:130px;left:-9999px} .ostatus .button…
0 votes7 answers -
IMG width в %
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="width:100%"> <table width=100%><tr><td> <img src="image.jpg" width=100%> </td></tr></table> </body> </html> Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800). В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере. Как заставить IE6 и IE7 тоже сжимать картинку?
0 votes32 answers -
Цвет активных ссылок в меню
День добрый. В шаблоне меню на сайте есть динамическое меню и есть ссылка которая написана в ручную в шаблоне. Но на них не работает стиль для активных ссылок. #header .phone a:hover , #header .phone a.active , #header .nav li a:hover , #header .nav li a.active { text-decoration:none; color:#b9ae80; } А это код из шаблона: <div id="header"> <?$APPLICATION->IncludeComponent("menu", "top_default", array( "ROOT_MENU_TYPE" => "top", "MENU_CACHE_TYPE" => "A", "MENU_CACHE_TIME" => "36000000", "MENU_CACHE_USE_GROUPS" => "N", "MENU_CACHE_GET_VARS" => array( ), "MAX_LEVEL" => "1", "CHILD_MENU_TYPE" => "top", "USE_EXT" => "N", "DE…
0 votes20 answers -
text-decoration
Возможно ли при применению к тескту text-decoration: underline; менять толщину, ширину и цвет линии подчеркивания в отличии от самого текста
0 votes9 answers -
Трехколоночная шапка, резиновый блок + вертикальное выравнивание
Здравствуйте, тут впервые. Собственно вопрос - делаю 3х колоночную шапку т.е. 3 блока помещены в фиксированный блок (980px), два из них - те что по бокам фиксированы, тот что в середине - растягивается на всю оставшуюся ширину, и к тому же ему задается свойство display: table-cell, чтобы можно было сделать вертикальное выравнивание по центру. Но дело в том что display: table-cell и float: left вместе работать не будут, просьба помочь как сделать чтобы было и float: left и вертикальное выравнивание внутри блока? Только чтобы было наименее извращенней) Ниже прикрепил наглядный пример. HTML: <div id="header"> <div class="header_left"> </div> <div cl…
0 votes11 answers -
Как сдвинуть изображение маркированного списка
Есть сайт на этом шаблоне. Подпункты меню сделаны маркированным списком. Маркером является png изображение. После уменьшения интерлиньяжа маркеры никуда не сдвинулись в то время как сами пункты меню выглядят как мне надо. Как всё выглядит в демо шаблона: Как выглядит у меня: Как мне подвинуть маркер повыше ? Код отвечающий за интерлиньяж и маркер:
0 votes13 answers -
Текст не переносится на новую строку
Добрый день. Столкнулся с такой проблемой: вывожу элементы в <li></li> Однако если текста получается больше, чем заданная ширина <li>, текст не переносится на новую строку. Сам код такой: <ul id="categories-nav" class="top-categories parent"><li id="menu-item-181" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-181"><a href="http://actual/product-category/oborudovanie-i-mebel-dlya-kosmetologii/">Оборудование и мебель для косметологии</a></li><li id="menu-item-182" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-182"><a href="http://actual/product-categ…
0 votes4 answers -
проблемы с ИЕ
Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное
0 votes8 answers -
Фоновый рисунок
помогите плиз умным тегом что бы подогнать размер фонового рисунка под размеры страницы. что бы при любом разрешении картинка не уезжала. width: 75%; /* Ширина блока */ height: 90%; /* Высота блока */ не катят с BODY { background: url("123.jpg") /* Путь к графическому файлу */ no-repeat /* Отменяем повторение рисунка */ 0px /* Смещаем рисунок вправо */ 0px; /* Сдвигаем рисунок вниз */ text-align: center; }
0 votes13 answers -
Внешний блок с Float тянется на всю ширину, ИЕ6,7
Есть такой урл http://kirtour.undersite.ru/, там есть менюха верхняя со странами ЯПОНИЯ, АВСТРАЛИЯ и т.д. Есть внешний блок .whole_div в котором находятся 3 дива, два из них отфлоачены по бокам (.left_div и .right_div), а третий тянущийся посерединке (.center_div), сам внешний блок тоже отфлоачен слева, в 6 и 7 версиях ИЕ, почему то как бы не работают, при флоатах же обычно если не указавать ширину то блок тянется по контенту, а тут .whole_div ведет себя словно флоата то у него нет ) хм, впервые на такое наткнулся, кто нить знает?
0 votes27 answers -
Для со-овсем начинающих
Всем привет! Ребята,подкиньте более-менее приличный учебник по html, плиз... А то вечно попадается какая-то чушь.
0 votes23 answers -
Помогите прибить div к низу
#sidebar { float: right; width: 320px; margin: 0px; padding: 0px 0px 10px 0px; display: inline; } .logocounter { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } <div id="sidebar"> ... Всякие виджеты ... <div class="logocounter"> ... Коды счетчиков ... </div> </div> Есть ли возможность прибить к низу <div class="logocounter">?
0 votes6 answers -
про безопасность
в опщем дело в следущем, у меня есть сайт, написанный на Flash. он вставляется на html следущим образом: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="920" height="700" id="index" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="movie" value="index.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#000000" /> <embed src="index.swf" quality="high" bgcolor="#000000" width="920" height="700" name="index" align="middle" allowScriptAccess="sameDomain" type="applicati…
0 votes22 answers -
Как зафиксировать ячейку таблицы с рисунком
Вот бьюсь 3 дня над такой проблемой. Делаю верстку шаблона, но вся соль в том что диз построен на градиенте и требует создания дополнительных ячеек в таблице, а вот зафиксировать их я не могу. Вернее один раз получилось, как назло комп подвис и все. Навожу код <style type="text/css"> <!-- .tile_news_inside { background-color: #E8F0F7; background-image: url(images/tile_news_inside.gif); background-repeat: repeat-x; } .left_tile_news { background-image: url(images/left_tile_news.png); background-repeat: repeat-y; } .right_tile_news { background-image: url(images/right_tile_news.png); background-repeat: repeat-y; } --> </style> <TABLE CELLSPA…
0 votes6 answers -
Как правильно делать hover для иконок?!
Добрый день, дорогие форумчане! Нужно сделать ховер-эффект у иконки соц-сети. Он заключается в следующем: 1) До наведения - http://joxi.ru/VrwpeqgubwyEmX 2) После наведения - http://joxi.ru/v297yWjU9XBgrG Но раз это изображение, то у него нельзя поменять цвет фона. Уместно ли будет сделать так, чтобы менялось фоновое изображение блока. То есть создать блок, у которого background-image при наведении будет менять свое значение. Или есть другие правильные способы реализации? Например использовать специальный шрифт для иконок соц-сетей. Всем спасибо!
0 votes5 answers -
Лишний отступ тег li, ul. Баг в IE
Доброе время суток, уже сколкьо времени не могу разобраться в чём проблема. Имеется меню создано с помощью ul, li. В Опере, ФФ, Хроме - всё хорошо, а в ИЕ получается двойной отступ (Или мне так кажется) Код меню <dl class="left_menu"> <dt class="lm_title"><span><b class="lmt_ico"> </b><b class="lmt_sh"> </b>Заголовок</span></dt> <dd> <ul class="sub"> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <…
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-