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
-
средний div на всю оставшуюся ширину
Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?
0 votes3 answers -
ещ? раз про меню.
Сразу извеняюсь, если тема уже была. Я очень долго искал и не смог найти ничего подобного. Может не так искал - не отрицаю Я новичек в этом деле. В общем есть меню, а мне нужно чтоб при нажатии например на один ез его пунктов ( на рисунке menu3 ) появлялось под ним подменю. Наверное криво описал, надеюсь на рисунке станет понятно. Заранее большое спасибо!!!
0 votes11 answers -
css размер бордера
может кто знает... в общем есть список (ul). по бокам от него идет бордер в 1 px. нужно, чтобы бордер прерывался за несколько пикселей до нижнего края. то-есть бордер должен идти не на всю высоту списка, а прерываться за несколько пх до конца врятли такое можно сделать базовыми средствами, но кто знает, может у кого есть свой рецепт
0 votes6 answers -
Вставка картинки.
Всем привет! У меня два глупых вопроса Вопрос 1: У меня не получается вставить ДВЕ картинки РЯДОМ! Пишу вот так: <H5>Подмосковье</H5><img src="images/88.jpg" width="200" height="150"> <H5>Краснодарский край</H5><img src="images/55.jpg" width="200" height="150"> и получается одна картинка сверху, другая--снизу, а мне надо, чтобы они стояли рядом. Вопрос 2: И слово "Подмосковье" у меня получается НАД (или ПОД) картинкой, а я хочу, чтобы оно было НА картинке. Как это осуществить? Что нужно сделать? Всем спасибо.
0 votes11 answers -
Возврат в прежнюю позицию
Здравствуйте Есть у меня вопрос: на некоторых движках наблюдаю, что при переходе по ссылке, а потом назад кнопкой "предыдущая страница" попадаю в ту же точку откуда стартовал ссылкой. т.е возврат происходит как будто к якорю на предыдущей странице. Это вещь удобная, особенно когда отправная страница очень большая (форум, каталог, например), но как это делается? Очень надеюсь что внятно описал, подскажите как такое можно сделать? А то у меня при адресе исходной страницы .....pl?bebebe, и ссылке на страницу .....pl?lalala, возврат выглядит как вызов страницы .....pl?bebebe, и никак не получается чтобы вернулся туда, откуда кликнул Я уже пытался на ссылки лепить отдельный п…
0 votes6 answers -
IE6 не реагирует на {display:block} ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html> <head> <title>page2</title> <style type="text/css"> ul {padding: 0px; margin:0px; background: #222; list-style: none; float: left; } ul li {float: left; } ul a { display: block; padding: 0 3em; line-height: 4em; text-decoration: none; color:#FFF; } </style> </head> <body> <ul> <li><a href="#">Кнопка</a></li> </ul> </body> </html>
0 votes24 answers -
Выравнивание фона по центру
Понадобилось сделать шаблон с основным полем по центру и большим широким фоном, чтобы все это обрезалось с краев при разных размерах монитора. Использовалось свойство: body { background: url(название.jpg) 50% 0 no-repeat; } Все работает до тех пор, пока ширина окна браузера больше, чем центральная часть с контентом. Потом фон продолжает пропорционально уменьшаться по бокам, в то время как центральная часть приклеивается к левой стороне. В качестве примера с подобной проблемой можно посмотреть сайт http://lostfilm.tv/browse.php?cat=51 Там две безногие женщины позиционируются по центру, а основной текст сдвигается. В то же время на сайте http://www.kinopoisk.ru/ фоновая ка…
0 votes11 answers -
Transition в IE11
Как добиться transition в IE 11 ? Делаю greyscale но работает либо greyscale либо транситион в IE 11 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9"> <meta http-equiv="X-UA-Compatible" content="IE=10"> <meta http-equiv="X-UA-Compatible" content="IE=11"> <style type="text/css"> img{ display:block; max-width:300px !important; transition:transform .4s; -ms-transition:transform .4s; -webkit-transition:.4s; -moz-transition:.4s; margin:50px auto; } .images:hover{ transform:scale(1.5); -webkit-transfo…
0 votes0 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 -
HTML письмо с графикой.
Всем добрых времени суток. Суть вот в ч?м, надо создать HTML письмо с графикой. 1. Какие правила при создания письма ? ( никогда неделал письма ) 2. Как правильно прикреплять графику. 3. Может ещ? какие-то советы дадите? Взаранее благодарю...
0 votes6 answers -
Как залить сайт?
Залил сайт, на хостинг jino.ru, залил вроде все, но почему-то в поисковике его нет, спрашивается почему?
0 votes12 answers -
Выстраивание картинок в блоке
Здравствуйте дорогие форумчане. Честно говоря сложно описать мою идею по реализации, но я надеюсь я смогу разрешить эту проблемы картинками Прошу помочь мне создать блок в котором бы картинки были наклонены. Идея такова, есть блок на сайте в котором я бы хотел реализовать такое: Всего нужно, чтобы в блоке было 4 такие картинки(короче как на картинке, только на всю ширину блока), нужно их реализовать на всю ширину блока. В каждом из этих четырех будет кнопка и текст сверху. Сам блок который называется "Каталог // наши товары" связан с бутстрапом. Ну а теперь в чем заключается моя проблема. Я не знаю как сделать такие наклонные блоки с из…
0 votes12 answers -
Возможно ли?
Доброго времени суток господа и дамы... Не стал в заголовке расписывать весь вопрос - слишком длинно будет (извините). Вопрос в следующем: Возможно ли только с помощью HTML и CSS сделать такое же горизонтальное меню, как в шапке htmlbook.ru ..., ну, вот это, где "Статьи", "Книги", "Шаг за шагом" и т.д. К примеру, я выбираю "Книги" - он (пункт меню) соответствующим образом форматируется (как выбранный пункт меню), и остается таковым пока я не выбиру другой пункт меню. При выборе другого пункта, к примеру "Рецепты", пункт "Книги" форматировался бы опять, как НЕ выбранный пункт меню. Возможно такое уже обсуждалось, но я не нашел. Подскажите пожалуйста, не сочтите за труд.
0 votes13 answers -
5 тупых проблем в верстке=)
Сабж) Так обьяснить долго.... вопросы реально тупые .... но я уже не могу осваивать Ваш css =) Кароче говоря надо помочь в 5 реально тупых вопросах=))) Эт....взамен напишу отзыв о Вас на каком нибудь сервисе типа weblancer или сиче. icq 998-53-48 не оставьте нуба в беде=)
0 votes15 answers -
div в Opera - съезжание при попытке подогнать по ширине страницы
При попытке нажать кнопку в Opera "подогнать по ширине" шапка сайта, состоящая из двух jpg и одного flash расползается - правая картинка перемешается вниз. Также при включенном режиме "подогнать" 3 уровень выпадающего меню частично исчезает - при любом разрешении. Для div выставлены точные размеры ширины и высоты в css. "Подогнать по ширине" (кнопка внижнем правом углу) работает, если разрешение монитора меньше, чем ширина сайта - 996 px Пытался поставить невидимое изображение 996 * 1 - оно, конечно, начинает маштабироваться в этом случае. Возможно ли устранить эти проблемы? Благодарю за помощь. см. http://rbenergo.ru/new/
0 votes4 answers -
Буквы
Ребят,а как мне сделать такую штуку? И чтобы я нажимал.а внизу открывалась разная картинка,соответствующая букве? http://s2.ipicture.ru/uploads/080925/u3ro5V7k6T.jpg
0 votes13 answers -
Скошенная сторона у блока произвольной высоты, IE8 и выше, как реализовать?
Необходимо реализовать блок со скошенной стороной, как на картинке: Нагуглить решение мне не удалось. Есть ли способ такое реализовать IE8 и выше, желательно без использования картинок?
0 votes1 answer -
Reset form
зравствуйте, столкнулся с проблемой относительно горячих клавиш, а точнее с функцикй которая должна имитировать кнопку ресет при нажатии клавиши. Как это реализовать с привязкой к id формы я понимаю, но ето не вариант, так как страниц с формами должно быть много. Поетому хотелось бы написать универсаьную функцию ля всех форм. По логике, ето должна быть либо первая найденная скриптом форма, либо просто любая (хотя етот вариант менее желателен). Собственно вопрос, как такую функцию написать? заранее благодарен
0 votes1 answer -
Ярлые На Сайт Вместе Со Значком
как сделать, чтобы посетитель мог соохранить на его сайт ссылку (ярлык, shortcut) на сайт, но вместе со значком, чтобы отображалось красиво? например, когда сайт загружается, то favicon.ico но он до поры, пока очистят кэш. к тому же, в моём ico есть значки разных размеров и на рабочий стол и куда угодно. хотелось бы всё это преподать вместе с ярлыком-ссылкой на интернет ресурс. если знаете - подскажите решение, или ссылку, где написано, куда копать?
0 votes3 answers -
Где обстоятельно почитать про BEM?
Где обстоятельно почитать про BEM?
0 votes9 answers -
Отступы от краев таблицы
Всем доброго времени суток! Проблема заключается в следующем. После установки на сайт таблицы jquery, отступы от краев таблицы до текста уменьшились. Это просматривается на скринах: (внешний трафик) ДО: ПОСЛЕ: Как это исправить? Быть может можно что то добавить в css файл, что б потом нужную таблицу просто заключить в div? <div class="otstup">ТАБЛИЦА</div> Заранее благодарен!
0 votes5 answers -
Как проставить пробел, по ширине равный цифре?
Как проставить пробел, по ширине равный цифре? В Википедии обнаружил, что этот символ называется «FIGURE SPACE», но почему-то в Википедии он отображается не пробелом, а каким-то квадратиком. Даны коды этого символа в юникоде: 2007 и 8199. Как набрать этот символ через юникод? Зажимал Alt+2007 и Alt+8199 — не получилось. Странно, что так мало информации об этом пробеле, по крайней мере в русскоязычной части интернета. Про дефис, тире различной ширины, цифровой и другим видам черт — информации пруд пруди, а касательно этого пробела почти ничего и не писано. Использовать этот пробел я хочу в записи телефонного номера: +7 (123) 456?78?90. Чёрточки между цифрами равны по ширин…
0 votes11 answers -
background-size: cover + backgroud-attachment: fixed на ipad?
Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…
0 votes1 answer -
Выпадение с блока
Здравствуйте! Вот пример http://jsfiddle.net/09wv3w6w/ Блоку задано размер 800px. В нем сделал список li, а в списке сделал ссылки а. li сделал отображение inline-block, а ссылкам сделал тоже inline-block и ширину 200px, а высота 40, а проблема вот в чем: Последний блок списка выпадает за предел основного блока. в списке 4 элемента, а значит 200*4=800, я правильно понял? Подскажите в чем проблема. Спасибо.
0 votes5 answers -
Меню разделенное логотипом
Дженьльмены и леди, подскажите как правильно верстать список навигации разделенный логотипом? Примеры: И
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-