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
-
Модуль сайта
Когда тыкаю на данную кнопку, на этой же странице появляется следующее окно Подскажите как это правильно называется, что гуглить. https://www.askona.ru/krovati/krovati/krovat-romano.htm Ссылка для более хорошего понимания сути вопроса. Работает схоже с тем как появляется окно предпросмотра перед публикацией вопроса на этом форуме.
0 votes1 answer -
При использовании ссылок по странице (href=#) пропадают элементы, находящиеся над текущим
Если кто-то не понял, что имеется в виду - вот ссылки, и сразу все становится понятно. http://sportunifit.ru/test/index.php/the-news http://sportunifit.ru/test/index.php/the-news#adress http://sportunifit.ru/test/index.php...s#content_main С таким сталкиваюсь в первый раз. Подскажите из-за чего происходит. Проблема в Firefox и IE8 , в остальных IE проблемы нет, в опере проверить нет возможности.
0 votes2 answers -
Оптимизация для Web
Всем привет! В Фотошопе Я ламерок и не понимаю, где нужно настроить, чтобы картинка большого размера, при нажатии на "Оптимизация для Web", оставалась такой же большой, а не резалась автоматически на равные маленькие части... Подскажите ,пожалуйста, буду Очень признателен P.S. жалко что нет раздела какого-нибудь, например, "Работа с графикой для Web" или "Основыне аспекты с графикой в Web"
0 votes5 answers -
Зазор между "плавающими" div'ами
Задача: Сделать 2 "резиновых" дива с заданным цветом и родительским дивом. Первый див прижат влево, второй вправо. Проблема: В opera, chrome, safari между дивами появляется зазор в 1 пиксель сразу или при масштабирование окна браузера по ширине. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-language" content="ru" /> <title>The table</title> <style type="text/css"> html, body { margin:0px; padding:0px; } #div0 { width:100%; background-col…
0 votes2 answers -
Позиционирование элемента с отступом
Подскажите пожалуйста! <div class="standart"> <span class="statistics">Статистика</span> </div> .standart { position: fixed; right: 5px; bottom: 5px; } .statistics { border: 1px solid #CFCFCF; background-color: #F2F2F2; padding: 5px } Если поставить padding: 5px в .statistics, то элемент div.standart уезжает за края, приходиться регулировать вручную параметр bottom: 5px в .standart Вопрос: почему span.statistics сам не регулируется относительно значений bottom и left заданных в .standart, при изменение padding внутри его? P.S. - Заметил что если элемент будет без span в одном div элементе, все корректно =(
0 votes2 answers -
Картинка - кнопка
Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.
0 votes6 answers -
jQuery
Доброго здоровья. Скажите, почему не работает скрипт в IE6-7-8: <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> </head> <body> <input type="button" onclick='Voite ();' value="Результаты голосования" /> <div id="poll1"> </div> <script> function Voite(){ $("#poll1").load("/main.aspx?guid=1691 #data");} </script> </body>
0 votes1 answer -
Смещение блоков
Всем привет! У меня проблема, не могу понять как решить. Смещаются вот эти блоки: CSS: /* Left menu */ #left_menu { padding-right: 630px; } #left_menu #search_top { width: 310px; height: 44px; background: url(../images/search_top.png) 0 0 no-repeat; } #left_menu #search_middle { width: 310px; background: url(../images/search_middle.png) 0 0 repeat-y; } #left_menu #search_bottom { width: 310px; height: 4px; background: url(../images/search_bottom.png) 0 0 no-repeat; } #search_top h4 { color: #f7841d; font-weight: bold; padding-top: 5px; } .menu_name { width: 310px; height: 42px; background: url(../images/menu_name.png) 0 0 no-repeat; } .menu_name h4…
0 votes4 answers -
Псевдоклассы
Всех приветствую! Начал изучать HTML и сразу же возник вопрос по поводу псевдоклассов. Вот что в CSS'е: a.menu_tip1 {display:block; width:172px; height:18px; text-align:left; font-size:18pt; font-family:tahoma, arial; padding:5px 0 0 20px;} a.menu_tip1:link { text-decoration:none; color:#848484;} a.menu_tip1:visited { text-decoration:none; color:#848484;} a.menu_tip1:hover { text-shadow:0 0 1px #ff0; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -23px;} a.menu_tip1:active { text-shadow:0 0 5px #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; color:#fff; background-position:0px -…
0 votes5 answers -
Решить задачу по размерам блоков без box-sizing
Дано: <div><div></div></div> Надо согласовать внешние размеры вложеного div'a с внутренними родительского. <div style="border: 100px solid #f44; width: 80%; height: 500px; padding: 80px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%; top: -80px; left: -80px; position: relative;"> Решено, но использование padding родителя и позиционирование дочернего элемента не логично, т.к. взаимосвязано с шириной border. </div> </div> <div style="border: 100px solid #f44; width: 80%; height: 500px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%;"> Не решено. </div> </div> Пер…
0 votes4 answers -
Кто может помочь в не сложной вёрстке?
Ещё раз всем привет. Кто может сверстать прозрачный прямоугольник? Вот сайт: http://warcraft3cheats.ru/ Вот скрин: Если просто заменить картинку на прозрачную то середина будет нормальной а по бакам будет темнее. Тупая на мой взгляд вёрстка... С одной картинке берётся 3 картинки =)) по бокам накладывается почему 2 или 3 раза друг на друга, а в центре 1 раз. Кто может просто сверстать блок прозрачной картинки и подогнать под сайт?
0 votes11 answers -
Вопрос про позиционирование
Скажите если я хочу позиционировать div в родительском div, обязательно ли для родительского div писать позицию в относительную ? Можно ли позиционировать родительский div абсолютно ?Или какие позиционирования примет вложенный и родительский элемент не играет роли, главное чтобы они были вложенные ?
0 votes5 answers -
Как растинуть картинку во весь экран.
Здравствуйте. У меня такая проблема. Верстаю вот этот шаблон. как мне сделать 2 полоски Оранжевую и Серую в длину во весь экран ? Вот исходный код http://jsfiddle.net/6cuah/ только я не знаю как туда свои изображения вставить на этот сервис jsfiddle p.s. я начинающий верстальщик не судите строго)
0 votes5 answers -
проблемы с центрированием объекта в ie7
добрый день, данный css не пашет в Ie7, подскажите решение. сразу пищу размеры изображения жестко не фиксируются .basket .basket_unit .image { display: block; position: relative; float: left; width: 100px; height: 80px;}.basket .basket_unit .image img { position: absolute; display:block; top: 0; left:0; right: 0; bottom: 0; margin: auto auto; max-width: 90%; max-height: 90%; border: 1px solid #000;}
0 votes1 answer -
Регулярка: Целое положительное число начинающееся не с нуля и исключая сам ноль(и)
Сражу скажу: гугл не помог, а сам не допетриваю. Надо паттерн для проверки целого положительного числа, которое не должно начинаться с нуля(ей) и исключая ноль(и). Т.е.: правильно: 1, 12, 257, 56739859 и т.д. неправильно: -1, -01, 0, 000, 023, 00000345, 1.2 и т.п. Вариант вообще? Заранее благодарен P.S. Извините, если не в ту ветку
0 votes5 answers -
Помогите разобраться с адаптивным меню
В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…
0 votes0 answers -
верстка и JS программирование в Safari ?
Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!
0 votes1 answer -
Выравнивание пунктов списка с добавленным элементом
День добрый! Набиваю руку в простенькой верстке придуманного мной сайта. Возникла проблема из за которой рву на себе волосы уже 2е сутки - это выравнивание пункта текста с добавленной картинкой вместо привычных точек. Перепробовал уже все,с list-style-image вообще сделать что либо бесполезно. Перешел на изменения в самом <li>, текст просто накладывается на картинку и сделать ничего не получается. Поиске в интернете успехом не увенчались. Ниже мой сырой код по этому вопросу: li { list-style-type: none; } li:before{ content: url("http://s1.iconbird.com/ico/2013/9/447/w128h12813804433922.png"); width: 30px; height: 30px; display: grid; marg…
0 votes0 answers -
проблема - растягивающийся button в FF
Хотел сделать кнопку которая растягивалась бы под текст по горизонтали и столкнулся с непонятным отображением этого всего в FF3.0.8. По какой то причине FF правильно не понимает конец блока хотя опера и ие8 все понимает замечательно. Нашел способ с использованием хака, но это не валидный вариант. Может кто подскажет вариант без использования хака. Заранее спасибо!! код ниже <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>…
0 votes2 answers -
IE
Есть следующий код: html <html> <body> <div id="header"> <div class="left_float_div"> <img src="./images/top_left_bg.jpg" width="25" height="60" /> </div> <div class="right_float_div"> <img src="/images/top_right_bg.jpg" width="25" height="60" /> </div> </div> </body> </html> и css к нему * { margin: 0; padding: 0; border: 0; } body { background: #fff; text-align: center; } .left_float_div { float: left; } .right_float_div { float: right; } #header { text-align: left; margin-left: auto; margin-right: auto; width: 850px; height: 60px; backg…
0 votes2 answers -
Проблема с позиционированием
Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…
0 votes2 answers -
Помогите с версткой
Добрый день всем,помогите сверстать сайт,суть такова:надо сделать так чтобы рисунки 1 и 2 были всегда в верху по углам,рисунки 3 и 4 в низу, при любом формате мониторе(тоесть резиновый шаблон),потом рисунки 5 и 6 должны не репитится, а только должна репитится розовая полоска(рисунок просто разбил на 3 части левую, центральную и правую,чтобы рипитилась только центральная часть).После по горизонтали тоже розовая полоска должная рипитится в низ, и рисунок анологичный что в верхней части контента но только в нижней под цифрами 7 и 8.И самое главное как сделать что бы инфа была поферх этих этих всех рисунков.Тоесть начало информации было в верхней части контента а потом на цен…
0 votes4 answers -
Из нескольких изображений одно
Здравствуйте. Давно интересовал вопрос, почему в большинство сайтов (напр. bigtorrent.at.ua (не реклама, скинул то, что было открыто) заглавное изображение состоит из нескольких. Разве не проще одним изображением?
0 votes1 answer -
Проблема с блоками
Добрый вечер всем. Такая проблема, нужно чтобы в зависимости от содержимого контента тянулся сайдбар. На данный момент выглядит так http://s015.radikal.ru/i331/1107/73/81522a62cdd6.jpg Помогите с этим..
0 votes14 answers -
На могу сделать полосу прокрутки.
Здравствуйте специалисты по верстке! Сабж: http://poligon.webmaster.arvixe.ru/frontpage там у меня внизу картинки прокручиваются. В firefox работает все как надо. В других браузерах ерунда какая-то. Возможно из-за display: -moz-grid-group; Для этих картинок у меня в CSS прописано: #views_slideshow_thumbnailhover_breakout_teasers_vslider-page_1 { display: -moz-grid-group; overflow: auto; height: 150px; }
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-