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
-
Визуальный баг в Photoshop
Всем привет, есть проблема в Photoshop, при приближении / отдалении изображения могут отражаться неточно, так например: При приближении 82,6% линию не видно, а при 75,1% появляется: Что примечательно, если приблизить ещё ближе, линия может снова пропадать и появляться. Когда линия одна - вроде бы, ничего страшного, но при дальнейшем формировании макета - пропадают сразу несколько элементов! Я более чем уверен, вы сталкивались с аналогичной проблемой, почему она возникает и, может, кто-нибудь знает как с ней бороться?... UPD: или вот, вообще вот так: Приближение 83,5%, теперь не видно нижнюю линию вообще. А при 56,4% не видно ни одной линии!!!
0 votes9 answers -
Fotorama
Наврное многие используют http://fotorama.io Столкнулся проблемой, как превью, раположить снизу не под фото прокручиваемым, а на само фото в лефом углу без центирования по центру. Превю расположил слева. А вот как сделать так не пойму: https://dl.dropboxusercontent.com/u/59113912/kar.jpg Т.е. превю на фото в нижнем левом углу
0 votes9 answers -
Прижатый к низу футер (пусть даже фиксированной высоты)
Тема избитая, но что-то никак не получается. Как я рассуждаю: 1) самый Ъ способ прижать футер к низу - это сделать его абсолютно спозиционированным относительно body и прописать ему bottom: 0 (это если не вдаваться в детали). А для этого нужно что бы html и body, при малом колве контента были распахнуты на весь экран, а при большом - тянулись. 2) высота html, как и любого блочного элемента рассчитывается по контенту. Если контента мало, то нужно распахнуть высоту html по высоте области просмотра (viewport, на весь экран, короче), но так, что бы когда контента станет больше, высота html начала тянуться по контенту. Это очень просто: html { min-height: 100%;}3) Тоже сам…
0 votes9 answers -
Непонятный отступ
Всем, привет. Подскажите, пожалуйста, почему получается отступ слева (см. на картинке). Всё перепробовал, но отступ остается. Картинка: https://www.dropbox.com/s/ietqy7n4j0q24k6/112.png css: #section_menu {position:absolute;top:157px;height:43px;width:100%;font-size:12px;background:#3463B3;}#section_menu li {display:inline-block;padding:15px 15px;font-weight:700;text-transform:uppercase;border-right:1px solid #2A4569;}#section_menu a {color:#fff;text-decoration:none;}#section_menu li:hover {background: #333;}html <ul id="section_menu"> <li class="selected"><a data-page="1" href="">Главная</a></li> <li><…
0 votes9 answers -
Есть ли сервис для создания спрайтов по сетке?
Есть ли сервис для создания спрайтов по сетке? Допустим, чтобы каждая картинка помещалась в ячейки 100 на 50 пикселей?
0 votes9 answers -
Бутстрап - странное наследование цвета кнопки
http://jsfiddle.net/Zverushka/ESU55/ У меня в стиле указано color: inherit !important; - но цвета нема, при том что у родителя цвет белый. Я не вижу в дебаггере, что цвет родителя чем-то перекрывается. Но при наведении текст кнопки меняет цвет - почему? color: inherit не работает, а color: white - срабатывает - почему?
0 votes9 answers -
Организация структуры заголовков
Здравствуйте. Не думал, что докачусь до такого вопроса, да и нечто подобное на форуме уже рассматривалось несколько лет назад, но вот хочется освежить и прийти к какому-то четкому решению или алгоритму. Давно и твердо был убежден, что заголовков H1 на странице больше одного использовать не следует (явного такого требования нет, но это естественно, такой заголовок будет «корнем» структуры документа). При этом я делал заголовком первого уровня название сайта. Хотелось создать одинаковый «корень» на всех страницах, при этом заголовки основного содержимого начинаются с H2. Я придерживаюсь сквозных уровней заголовков для всех структурных элементов типа article, section и…
0 votes9 answers -
Для знатоков HTML
Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).
0 votes9 answers -
Можно ли такое сделать без картинки?
Только картинкой вставить фон меню или есть способ. например, clip-path? Есть идеи?
0 votes9 answers -
Проблема: не компилируется less:
Здравствуйте! Начала изучать less... И тут же проблема: не отрабатывается .less, выдаются ошибки: XMLHttpRequest cannot load file:///E:/LESS/styles.less. Cross origin requests are only supported for HTTP. index.html:1 Uncaught NetworkError: A network error occurred. less-1.5.0.min.js:11 Вот так подключаю: <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less-1.5.0.min.js" type="text/javascript"></script> Что я делаю не так?
0 votes9 answers -
Ширина и высота страницста!
Здравствуйте! Сайт http://apriori-chic.ru/ Пытаюсь сделать, чтоб страница была не выше размера фона (там градиент), но в меньших по высоте метериалах была по их высоте. Прописываю блоку pole height: 100%, max-height: высота фона - не получается. Подскажите, пожалуйста!
0 votes9 answers -
Шапка не на всю ширину окна.
Шапка сайта не растягивается. Ни в каком браузере. Код шапки: <img src="images/head.gif" alt="Header" width="100%" height="100%"/> Пробовал выставлять в пикселях - слева отступ остаеться, справа уходит за окно браузера. Помогите, обьясните новичку в чём дело
0 votes9 answers -
шрифт Ronnia Bold
Всем привет! Помогите найти шрифт Ronnia Bold. Где можно скачать, или поделитесь
0 votes9 answers -
Sublime text 3 problem with snippets
Установлен ST3 + Emmets, не работают snippets в css, в html все ок. Т.е. после табуляции он добавляет пробел и символ " ; " Проблема вроде как в emmets. Как на время этот плагин отключить кстати? И как сделать чтобы все работало вместе с этим плагином?
0 votes9 answers -
подсветка ссылки активной страницы
Всем привет. Меню выводится так: <div id="nav"> <ul><?php $categories = get_categories();foreach($categories as $link):?> <li><a href="index.php?view=<?php echo $link['cat_id'];?>"><span class="link"><?php echo $link['name'];?></span></a></li><?php endforeach;?></ul></div> css: a {font-size: 22px;text-decoration: none;padding-bottom: 8px;border-bottom: 2px solid #666666;} a:hover { color: #FFCC00; text-decoration: none;border-bottom: 3px solid #FFCC00;} .link { color: #666666; } #nav{position: relative; margin-left: 4%;} li{display: inline;margin-right: 18px;} Вопрос как сделать подсве…
0 votes9 answers -
Работа с несколькими страницами сайта
Учусь верстать и не задумывался пока, как скрепляются страницы на сайте. Я так понимаю, для каждой страницы отдельный html-файл и ссылки внутри друг на друга. Но если страниц много, и надо изменить html - добавить блок например. Не может быть, чтобы надо было изменять все файлы вручную
0 votes9 answers -
Как правильно подбирать цвета и шрифты?
Подскажите пожалуйста где можно найти полезные статьи или может посоветуйте хорошую книгу про то как научиться удачно подбирать цвета, шрифты и т. п. при создании макета для сайта.
0 votes9 answers -
Прижатие футера к низу
В общем, впервые столкнулся с данным требованием. Вообще оно типичное, но я на нем споткнулся. Просто здесь немного другая ситуация, поэтому Google не помог. Дело вот в чем. Есть фиксированной высоты header. Допустим, 100 пикселей. И div, в котором контент. При том самого футера нету, только контент и шапка. Надо при недостаточном кол-ве контента (т. е. когда он не занимает высоту больше размера экрана) средствами CSS растянуть блок контента на всю оставшуюся высоту, с учетом шапки, чтобы ей хватило места, но при том без calc. То есть типичное прижатие футера к низу, но вместо футера - низ основного блока.
0 votes9 answers -
Новостной блок на несколько страниц и кнопки-ссылки из единой картинки.
Всем доброго дня. Есть пара вопросов по практике сайтостроения. Вопрос 1. Самый важный. Прочел уже несколько книг и посмотрел много видеокурсов, но вот на практике очень быстро натолкнулся на проблему, которую не знаю как решать. Есть главная страница сайта, главная, центральная часть которой занята новостным блоком. Как организовать, чтобы при достижении новостным блоком энного размера или энного количества новостей, при определенных нужных мне условиях в общем, появлялась полоса с кнопками нумерации страниц и лишние новости уходили на страницу 2 (ну или впоследствии дальше)? Причем, было бы меленько, если бы мы при клике на «2» не уходили с Индекс.ХТМЛ, а меняли лишь …
0 votes9 answers -
Не работает Lightbox
Здравствуйте! У меня сложилась такая ситуация: 1. Скачал и установил лайтбокс с официального сайта, далее по этой инструкции его установил: http://webors.in.ua/31-instruktsii/49-podklyuchenie-lightbox-2-6-k-stranichke-sajta.html 2. Вот мой хэд: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Name : OfficialWork Description: A two-column, fixed-width design with dark color scheme. Version : 1.0 Released : 20121012 --> <html xmlns="http://www.w3.org/199…
0 votes9 answers -
focus у ссылок<a>
В htmlbook прочел, что псевдокласс можно использовать для ссылок <a>. Как не старался у меня ни чего не выходит. В .html прописал несколько ссылок, в .css прописал a:focus{color:red;} В браузере не какого красного нет.
0 votes9 answers -
Перемещаем кнопку поиск (Search)
Не могу переместить кнопку поиска в правый бок от формы ввода текста. Как выглядит: <div class="mainSearch"> <form class="form-wrapper"> <input type="text" id="search" placeholder="Всегда готов для поиска..." required> <input type="submit" value="Искать" id="submit"> </form> </div>.mainSearch{position:absolute;right:15%;top:4px;}.form-wrapper #search { width: 90%; height: 0px; padding: 10px 5px; font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma'; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }.form-wrapper #search:focus { outline: 0; border-color: #aaa; -m…
0 votes9 answers -
высота блоков
Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?
0 votes9 answers -
отступ от нижнего края окна (подскажите)
Привет, подскажите пожалуйста, если не сложно. У меня основной блок имеет отступ от верхнего края {margin: 0 auto;} а высота блока 100%. Подскажите пожалуйста, как сделать внизу такой же маленький отступ как и наверху?
0 votes9 answers -
проблема с @font-face
Почему шрифт не работает? http://jsfiddle.net/q2qTR/
0 votes9 answers