Leaderboard
Popular Content
Showing content with the highest reputation on 12/04/2013 in all areas
-
Для svg есть шикарная библиотечка - http://raphaeljs.com/ В принципе есть реализации карт и на чистом css, но тут надо видеть саму картинку. Тем более, что всё равно предполагается скролл/зум и прочиё js. Также можно рассмотреть вариант - карта на основе гугл или яндекс карт. Там тоже можно добавлять и свои объекты и рисовать фигуры.2 points
-
2 points
-
2 points
-
У меня сейчас очередной период поиска новых путей и комбинаций, люблю я, знаете ли, поэкспериментировать. Принцип подобный БЭМовскому, только компактнее малость и с небольшим дополнением. Примерно так: <div class="block"> <div class="block-element"></div> <div class="block-element_modificator"></div></div>В последнее время стал отделять еще такое понятие как состояние, то что в БЭМ так же решается при помощи модификатора. <button class="btn">Default</button><button class="btn warning">Warning</button><button class="btn danger">Danger</button>в БЭМ это выглядело бы как-то так: <button class="b-btn">Default</button><button class="b-btn b-btn__warning">Warning</button><button class="b-btn b-btn__danger">Danger</button>Вообще в будущем хочу отказаться и от принципа описания модификаторов в синтаксисе с нижним подчеркиванием, в пользу какого-то другого формата. В принципе во всем, что я описал выше, нет ничего особо нового просто попытка найти лучшие пути, комбинируя и экспериментируя1 point
-
@alexriz, а можно глянуть верстку одного из последних твоих сайтов? Хочу глянуть как классы теперь именуешь.1 point
-
Вот теперь я действительно затрудняюсь объяснить(. Вроде бы ситуацию исправляет height:100% для таблицы. С табличной моделью во всех браузерах вообще есть свои приколы (в Fx в том числе, притом поведение менялось от версии к версии), раздел спецификации о них написан очень запутанно и полон оговорок вида «...но браузеры могут использовать другой алгоритм»...1 point
-
Убрал верхнюю ячейку нафик, сделал у это высоту также 100%, однако всё также: http://jsfiddle.net/Sg95J/ Даже и не знаю в чём причина, ячейка явно растянута как надо, а вот textarea нет.1 point
-
в атрибутах для указания цвета требуется использовать #FFFFFF а не #FFF http://screencast.com/t/vZ8tyXVkU1 point
-
Я конечно не знаю как там в CS2, поскольку ни разу не пользовался им. Но меня удивляет то, что тему ты создал две недели назад, если не больше и за это время до сих пор не научился нарезать изображения, это как так? На YouTube этих видеоуроков полным-полно, вот например: http://www.youtube.com/watch?v=PHcMf6PFkWU А вообще, вбиваешь в поиск YouTub'a фразу "нарезка изображений psd" или "верстка psd" и т.д., думаю разберешься... Спасибо помог урок Вам сколько лет ? Аа вижу что 19. Я в paint работал когда ты под стол ходил ! А причем тут возраст? Если человек не может найти простейшую информацию, то что будете делать дальше? К тому-же, здесь форум о верстке. Могу лишь посоветовать http://demiart.ru/forum/ (очень старый форум, но все еще живет)1 point
-
Объяснимо спецификацией CSS (исправленной и дополненной здесь), по которой проценты наследуются только от указанной, а не фактической, высоты. Поэтому нужно указать height:100% для самой ячейки. Ну и для верхней tr-ки, видимо, задать очень маленькую высоту (напр. 1px), чтобы браузер не пытался растягивать ее «пропорционально содержимому».1 point
-
Я конечно не знаю как там в CS2, поскольку ни разу не пользовался им. Но меня удивляет то, что тему ты создал две недели назад, если не больше и за это время до сих пор не научился нарезать изображения, это как так? На YouTube этих видеоуроков полным-полно, вот например: http://www.youtube.com/watch?v=PHcMf6PFkWU А вообще, вбиваешь в поиск YouTub'a фразу "нарезка изображений psd" или "верстка psd" и т.д., думаю разберешься...1 point
-
1 point
-
1 point
-
1 point
-
Увы, но раз есть спрос, то есть и предложения) Это как с IE, кто то не поддерживает даже 9 версию, а кто то поддерживает даже 6. Если бы все разработчики в раз отказались бы от <9 версии, то было бы счастье, тут также) Всегда найдется человек, готовый сделать задешево. Или бесплатно, для своего портфолио. Самое главное тут, не увязнуть в этих лендингах и не только, я про проекты низкой себестоимости. Мало в них развития. Опыт приобретается на сложных проектах, где более 2-3 страниц, где порой обдумывание и поиск оптимальных решений занимает больше времени, чем сама верстка.1 point
-
Старички, некоторые, просто любят 5ч подумать над дизайном, и в голове сложить правильно блоки :-) А не #@шить сразу html, как он есть.1 point
-
Ну 1500 рублей стоит по мнению человека, который выставил проект - он думает столько стоит эта работа). Там найдутся неопытные желающие и за 1000р сделать - еще новички. Так-то я думаю старички запросили бы тыщи 2.5-3 в лучше случае. Поддержка как правило за доп плату.1 point
-
Я конечно не знаю как там в CS2, поскольку ни разу не пользовался им. Но меня удивляет то, что тему ты создал две недели назад, если не больше и за это время до сих пор не научился нарезать изображения, это как так? На YouTube этих видеоуроков полным-полно, вот например: http://www.youtube.com/watch?v=PHcMf6PFkWU А вообще, вбиваешь в поиск YouTub'a фразу "нарезка изображений psd" или "верстка psd" и т.д., думаю разберешься... Спасибо помог урок Вам сколько лет ? Аа вижу что 19. Я в paint работал когда ты под стол ходил !-1 points
-
Как мерить расстояние между элементами и как вырезать картинки из макета и сохранять их в отдельный файл.-1 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-