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
-
Нужно создать условия для всплывающего списка
Добрый день, помогите добиться следующего: Есть часть из кода: <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Sborka" name="sborka" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Да</option> </select> </td> </tr> <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Fundament" name="fundament" onchange="getCost(this.form)"> <option value=…
0 votes1 answer -
Помогите с правильной HTML-структурой
Ребята, можете помочь со структурой html кода. А то напутал наверное. Кому не трудно - проверьте быстренько Буду благодарен http://codepen.io/anon/pen/grXpmP
0 votes1 answer -
При создании textarea для написания кода, нужна табуляция строк, а не переход по индексу
Добрый день, столкнулся с проблемой в textarea, так как это поле для написания кода в нем должна быть табуляция строк, а не переход по индексу. Подскажите пожалуйста можно ли как то отключить tabindex именно на этом поле?
0 votes1 answer -
Почему не плывет влево и оставляется пробел?
Под большим фото есть миниатюры. У них есть свойство флоат:лефт. поидее должны по левому краю быть, но нет. видно, что 4я миниатюра, помещена почему-то в центре второго ряда картинок. вот страница с примером Было там как-то больше фоток, так там и вовсе дырка оказалось в одном из рядов. От чего такое происходит?
0 votes1 answer -
inherit не работает для IE8
Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…
0 votes1 answer -
Проблемы во всех версиях Safari
Доброй ночи. Сайт http://l79377d7.bget.ru/ отображается в google/opera/fox/ie - нормально А вот safari (любая версия все беда) 1 - под номером телефона есть поиск в котором не отображает лупу. Вот сиss .search-wrapper { display: inline-block; background: -moz-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -ms-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -o-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -webkit-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); border-radius: 1px; padding: 1px; } .search input { width: 10px; …
0 votes1 answer -
При наведении на картинку отобразить список
Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?
0 votes1 answer -
Проблема с counter(list,decimal)
У меня есть нумерованный список. После того как счетчик доходит до 9, обнуляется. .WYSIWYG ol.searchres li:before{ conent:counter(list, decimal)"." }
0 votes1 answer -
атрибут alt тега img
В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?
0 votes1 answer -
0 votes1 answer
-
Верстка меню ломается в Firefox (wordpress)
Ломается верстка меню в FireFox (40-ая версия и ранее) Меню отскакивает вправо: Сайт на worspress
0 votes1 answer -
Проблема с z-index
Подскажите пожалуйста, я поместил на сайт слайдер, но он получается при пролистывании страницы выше чем меню. Если в классе slider написать z-index: -1, то тогда все становится как надо, но только пункты для пролистывания в слайдере перестают работать. Можно ли как то исправить по другому? http://sms.velvetby.com/
0 votes1 answer -
Подскажите как сделать появление блока при наведении на другой блок.
Подскажите пожалуйста, как сделать дочерний выпадающий блок при наведении на родительский блок. <div class="HTML_menu_title"> <div class="content"> <span class="HTML_a">HTML5</span> <img src="images/html5.png" alt="html_logo"> <span class="HTML_b">HyperText Markup Language</span> </div> <div class="HTML_hidden_block" id="HTML_hd"> <div class="left_block"> <span>Тест 1. Структура HTML документа</span> <span>Тест 2. Структура HTML документа</span> …
0 votes1 answer -
завернул img в div, но div имеет большую высоту чем img
пример не пойму откуда берется лишняя высота у div... Help
0 votes1 answer -
Как сделать подкатегории?
Есть главные категории, а есть внутренние. Мне нужно, что бы при нажатии на основную категорию открывался список внутренних категорий, ссылающийся на главную категорию. К примеру это главная категория: <li><a href="/kartinki/"><span>КАРТИНКИ</a></li> А это кодкатегории: <div class="sc_header b_header"><span>Картинки</span></div> <div class="sc_content"> <ul> <li><a href="#">Звери 1</a></li> <li><a href="#">Димотиваторы 2</a></li> <li><a href="#">Природа 3</a></li> Помогите, прописать правильно. Если движо…
0 votes1 answer -
Текст в блоке вертикально по центру
Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.
0 votes1 answer -
Подскажите начинающему
Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…
0 votes1 answer -
Как сделать чтобы блок масштабировался как картинка
Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/
0 votes1 answer -
Контент выходит за рамки монитора
Народ, всем привет. Есть сайт: http://www.admirals.top/ Появляется горизонтальный скролл. Нужно его как то убрать. Не просто прописать overflow:hidden, а именно чтоб размер блоков умещался под разрешение монитора. Я уже все стили просмотрел веб-инспектором, так и не нашёл, какой блок вылазиет. Помогите пожалуйста.
0 votes1 answer -
Затык с Flex
Коллеги, помогите, пожалуйста. Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3 Спасибо.
0 votes1 answer -
Многоязычный сайт
Как реализовать многоязычный сайт (например, русский, английский)? Выбирать язык по юзерагенту браузера или предоставить возможность выбора читателю? Какие есть подводные камни, тонкости? Заранее спасибо. Олег.
0 votes1 answer -
растягивание цвета фона на всю ширину экрана
Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!
0 votes1 answer -
Качественная печать страницы.
Доброй ночи. Народ. Кто нибудь в курсе - что прописывать необходимо в стилях(или может еще где(например в теге HEAD)) , что бы можно было пользователю потом распечатать страницу в нормальном(не искаженном качестве)? (это реально вообще?) + проверить можно как то это дело(достоверно) не имея принтера в наличии? P.S. Буду благодарен за любые конструктивные советы..
0 votes1 answer -
Ошибка при создании сесcии
Создал самую простую сессию вот файл ссесии: session_start(); $_SESSION['name']="Grisha"; а вот файл на который она отправляет:<?php session_start(); echo"Привет"; ?> вот такую ошибку мне выдает. Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at C:\OpenServer\domains\china-products.com\index.php:14) in C:\OpenServer\domains\china-products.com\admin.php on line 1
0 votes1 answer -
Копирайт залазит за div-секцию на смартфонах (в портретном режиме)
Вот сайт, скриншот внизу. Надо сделать так, чтобы надпись "Комплекс серверов..." оставалась на том же месте, что и на компьютере
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-