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
-
animation не работает
Помогите разобраться, почему не работает данный код http://jsfiddle.net/npofopr/da88b/ Хотя тут все работает http://codepen.io/fanchou/pen/clufJ На codepin сделано scss, но оно и в css работает, если перевести.
0 votes3 answers -
Разный html код для разных платформ (ПК / Планшет / Телефон)
Здравствуйте уважаемые форумчане. Стоит задача сделать два разных HTML кода для разных операционных систем. Например для виндовса я хотел бы показывать код вида: <a href="skype:+71234567890">+7 (123) 456-7-890</a> Данный приём позволяет звонить с компа по средством скайпа. Для телефона / смартфона : <a href="tel:+71234567890">+7 (123) 456-7-890</a> Данный код позволяет звонить прямо с мобильника по клику в в ссылку со смартфона. Есть вариант со стилями и display: none; Но хотелось бы что то более разумное.
0 votes12 answers -
Подсветка чекбокс при наведении
Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd
0 votes1 answer -
Наследование стилей.
:/ Не могу уменьшить размер картинок с помощью CSS. Интересно, почему??? :| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>EXPERIMENT</title> <style type="text/css"> #pictures { position: absolute; left: 122px; top: 169px; height: 1px; width: 1px; border; 0px} </style> </head> <body> <div id="pictures"><img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""></div> </body> </html>
0 votes5 answers -
выпадающее меню
Добрый день уважаемые, В общем незнаю в чем беда, 2 дня ковыряюсь в CSS, с копировал с Joomla выпадающее меню, В общем работает но немогу раздвинуть фоновые кнопки на с текстом внутри на одинаковое расстояние друг от друга. Первая и вторая кнопки нармально рассположены, третья уходит в право на растояние чуть больше чем положено, третья уезжает еще дальше. Предлагаю посмотреть код меню <div id=horiz-menu> <ul class="nav" id="horiznav"> <li class="active"> <span class="topdaddy"><a class="topdaddy" href="#">1</a></span><ul> <li><span class="top"><a href="#">1.1</a></span></li> <li>&…
0 votes3 answers -
Прокрутка внутри ячейки
Добрый день. Такая проблема. Есть таблица. Содержимое одной из ячеек прокручивается скролом. Это сделано на JS. Но так как у некоторых JS блокируется, сайт воспроизводится не везде правильно. Как сделать то же самое на CSS? Заранее благодарю.
0 votes5 answers -
Центрирование картинки произвольного размера в блоке фиксированного размера
На одном из форумов видел решение для центровки элемента по вертикали относительно родителя. Я доработал этот пример под полное центрирование картинки Задача: есть картинка заранее неизвестного размера, есть блок фиксированного размера, внутри которой эта картинка должна быть размещена по центру. Решение: обязательно наличие еще одного вспомогательного элемента и главный блок фиксированного размера #Image{ width: 830px; height: 750px; line-height: 750px;//Значение равное высоте блока } #Image div{ width: inherit;//наследуем ширину родителя, относительно которой мы будем выравнивать img display: inline-block;//указываем что div - встраиваемый элемент…
0 votes4 answers -
Выпадающие списки меню Bootstrap
Доброе время суток. Использую Bootstrap. Проблема с выпадающим списком. Он не выпадает. Как можно исправить? Подключаю JS <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>И сам выпадающий список: <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Дома/Бизнесы <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li class="divider"></li><li><a href="#">Separated link<…
0 votes3 answers -
Прошу помощи со слоями
Пытался поискать на форуме похожее, не нашел... на сайте тоже простые примеры и не раскрывают решения проблемы... хотя, может просто я не понимаю. Задача: есть несколько строк, наводя на которые должны открываться слои, содержащие более подробную информацию об этих строках... Ниже пример кода. В нем такой минус: когда появляется слой большего размера, он опускает нижний слой. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>My Div</title> </head> <style type="text/css"> .block1 { position: relative; width: 200px; background: #ccc; padding: 5px; padding-right: 20px; border: solid 1px black; fl…
0 votes9 answers -
Помогите пожалуйста.
Значит сделал я сайтик... ещё не запускал его в инет... ну как смог так и сделал... конечно старался... Но из этого мало что вышло В Internet Explorer и в Opere (последних версий) всё нормально отображается, а в долбанной мазиле всё наперекосяк Я очень начинающий и без вашей помощи мне ошибку не обнаружить . новерно я начудил немало , но я считаю что фаерфокс мог бы извиниться. Я же всё-таки старался. Помогите подкорректировать код: <style type="text/css"> BODY{ margin: 0; /* Убираем отступы */ padding: 0; /* Убираем поля */ background-image: url("imeg/disc.gif"); /* Путь к графическому файлу */ background-position: right bottom; /* Положение фона */ backg…
0 votes9 answers -
редактирование шаблона сайта
Здравствуйте!!! Возникла проблема при редактировании дизайна главной странички! сайт на битриксе. при перемещении блока на главной странице, (discount-block ) данный блок перемещается во всех других страницах. Как сделать так что бы этот блок поменялся только на главной странице, а на остальных оставался как и был? Помогите плиз! <? require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); $APPLICATION->SetTitle(""); ?> <script type="text/javascript">var showmarker =0;</script> <? if (isset($_POST['pcoord'])){ CModule::IncludeModule("iblock"); $el = new CIBlockElement; $exp_str = explode(",", $_POST['pcoord']); $PROP = array(); $PROP[lib:…
0 votes1 answer -
Беда(((
Вот ссылка. Там есть шар-планета, которая крутится. Я никак не могу закрепить ее слево. Что делать, незнаю. Все что можно(точнее все что знаю) перепробвал. Может из профи кто знает как решить проблему.
0 votes25 answers -
Где обстоятельно почитать про BEM?
Где обстоятельно почитать про BEM?
0 votes9 answers -
Растянуть контейнер до низа страницы.
Я делаю дизайн для сайта. И мне нужно растянуть контейнер слева до низа страницы. Как это сделать. Шаблон: http://jsfiddle.net/JQv7Q/
0 votes10 answers -
По каким причинам не показывает background-image?
По каким причинам не показывает background-image? А то сталкиваюсь иногда с этой проблемой, а понять почему так происходит не могу.
0 votes19 answers -
В ie страница прыгает
После прокрутки делаю рефреш (в ie8). Затем при наведении на ссылку мышкой страничка прыгает, занимая положение до рефреша. Подскажите, пожалуйста, как бороться с этим неприятным эффектом. <HTML> <BODY> <style type="text/css"> a:hover{ color: #ffffff; background-color: #003399; } </style> <TABLE><TR><TD><a href=''>link</a></TD></TR></TABLE> <TABLE><TR><TD height=1000></TD></TR></TABLE> </BODY> </HTML>
0 votes8 answers -
Как проставить пробел, по ширине равный цифре?
Как проставить пробел, по ширине равный цифре? В Википедии обнаружил, что этот символ называется «FIGURE SPACE», но почему-то в Википедии он отображается не пробелом, а каким-то квадратиком. Даны коды этого символа в юникоде: 2007 и 8199. Как набрать этот символ через юникод? Зажимал Alt+2007 и Alt+8199 — не получилось. Странно, что так мало информации об этом пробеле, по крайней мере в русскоязычной части интернета. Про дефис, тире различной ширины, цифровой и другим видам черт — информации пруд пруди, а касательно этого пробела почти ничего и не писано. Использовать этот пробел я хочу в записи телефонного номера: +7 (123) 456?78?90. Чёрточки между цифрами равны по ширин…
0 votes11 answers -
Select option добавить тег
Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?
0 votes9 answers -
Вложенные циклы. Подскажите, в ч?м ошибка?
При выполнении циклов выда?тся такая ошибка: Fatal error: Maximum execution time of 30 seconds exceeded in W:homelocalhostwwwlern.rutable.php on line 13 А в браузере выводится только таблица умножения на 1. Подскажите в ч?м дело. Вот код: <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Таблица умножения.</title> </head> <body> <?php $a=1; $b=1; while($a<=9) while($b<=10) { $c=$a*$b; echo"{$a}x{$b}={$c} "; $b++; } $a++; ?> </body> </html>
0 votes14 answers -
Проблема с высотой блока в IE6
Нужно сделать чтобы слой полностью накрывал блок текста. Делаю так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> #data { position: relative; } #cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } </style> </head> <body> <div id="data"> <p>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая соде…
0 votes2 answers -
body или wrapper?
Вот когда надо сделать общую ширину сайта, что лучше: уменьшить body и выровнять его по центру или создать ещё 1 общий контейнер?
0 votes13 answers -
Какую спецификацию html стоит читать на данный момент ?
Какую спецификацию стоит читать, основы я знаю, вот думаю начать не просто верстать как попало а уже зная спецификацию. https://www.w3.org/standards/techs/html#w3c_all Точнее даже какую версию лучше читать сейчас: HTML 5.1 2nd Edition (2017-10-03) или HTML5 (2014-10-28) То что по новее или то что по старше ?
0 votes13 answers -
ещ? раз про меню.
Сразу извеняюсь, если тема уже была. Я очень долго искал и не смог найти ничего подобного. Может не так искал - не отрицаю Я новичек в этом деле. В общем есть меню, а мне нужно чтоб при нажатии например на один ез его пунктов ( на рисунке menu3 ) появлялось под ним подменю. Наверное криво описал, надеюсь на рисунке станет понятно. Заранее большое спасибо!!!
0 votes11 answers -
Фиксация заголовка таблицы от прокрутки
Хотелось зафиксировать верх страницы (конкретно в моем случае названия колонок таблицы) от прокрутки. Пытался нагуглить решение, но понравившегося мне не нашел - у всех найденных решений область прокрутки имела фиксированный размер, и если размер окна был больше чем "надо", лишнее место пропадало зря, но хуже, если высота экрана оказывалась меньше. Тогда появлялась вторая полоса прокрутки, которая все-таки уводила названия колонок за пределы экрана. Ничего лучше найти не смог. Тогда решил сделать с помощью фреймов. Все банально просто - в верхнем фрейме табличка с заголовками колонок, в нижнем - таблица с собственно данными. Хочу обратить внимание на два момента. 1. Ширин…
0 votes3 answers -
Разворачивающийся текст
Подскажите как сделать чтобы новость на страничке показывалась не полностью, а только начало, далее кнопочка какая-нибудь, при нажатии на которую разворачивался остальной текст? Что то типа show/hide в joomla, сайт пишу сам, css нету. Заранее спасибо за помощь.
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-