Jump to content
  • Sign Up

Search the Community

Showing results for tags 'css'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • HTML и CSS
    • Проблемы верстки
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
  • Коммерческие услуги
  • Давайте поговорим о ...
  • Наш форум

Calendars

  • События форума
  • События партнёров
  • Все события

Blogs

There are no results to display.

There are no results to display.

Marker Groups

  • Members
  • Front-end
  • Back-end
  • Education
  • Looking for job
  • Offering job

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Web site


ICQ


Jabber


Skype


From


Interests

Found 1,132 results

  1. Здравствуйте. Я хочу в шапку сайта расположить объекты таким образом: (левый край экрана)Текст-ссылка1 и логотип1 пустота логотип2 текст-ссылка2 (правый край экрана) Подскажите пожалуйста оптимальный метод, как это можно было бы сделать, используя css и html. Спасибо.
  2. Здравствуйте. Прошу помочь бездарности. Нужно, чтобы при наведении вываливалось меню и фон родителя оставался неизменным, когда юзер будет водить курсором по выпадающему меню. Примерно это должно быть вот так http://joxi.ru/6WQfU_3JTJBXFcsaglQ Оранжевое - это hover. Но у меня такая беда http://joxi.ru/KmUfUxjKTJCPTRw_8zk Понимаете, о чём я? Подскажите, что я не учла? Очень интересно, самоё не получилось разобраться. Спасибо, джедаи.
  3. Добрый день. Прошу оценить вёрстку на наличие ошибок. Любая критика приветствуется. Макет взят отсюда: http://htmlforum.ru/index.php?showtopic=27439 Сайт http://testx.96.lt/wev_ref2.html Спасибо.
  4. Здравствуйте. Как сделать подобную форму на css/css3?
  5. Есть список услуг, каждая категория - это ссылка, список находится слева. Нужно так, чтобы при нажатии на категорию сбоку появлялся блок. При этом, нужно, чтобы при нажатии на другую категорию этот блок закрывался и появлялся новый. если можно чтобы плавно появлялся блок. Помогите пожалуйста, народ, очень нужно.
  6. Просветления разума ради, рисую картинку с помощью стилей. Картинку пытаюсь нарисовать эту: Совершенно запутался, и решил обратиться к знатокам. Вот что у меня получается: ссылка. С первого взгляда понятны мои затруднения: конверт должен "выглядывать" из круга. Подскажите, как это делается, или, хотя бы - где почитать. Спасибо, с уважением, Морозов Юрий.
  7. Здравствуйте, вот пример моей проблемы http://arm.zz.mu/ При уменьшении размера окна меньше чем 1200 пикселя, с права появляется полоса. Я знаю в чем проблема. Проблема в том что есть класс "width", из-за которого все это получается. может кто подскажет решение данной проблемы... https://pp.vk.me/c424420/v424420357/94a5/fjA8J-ZA_eg.jpg
  8. Рассматривал я бутстрап и пришла в голову идея по стилизации селекта. HTML <span class="select"> <span class="select__wrap"> <select name="options"> <option value="option-1">Option 1</option> <option value="option-2">Option 2</option> <option value="option-3">Option 3</option> </select> </span></span>CSS .select,.select__wrap { display: inline-block;}.select,.select__wrap,.select__wrap select,.select__wrap option { font-size: 14px; line-height: 1em; vertical-align: bottom;}.select { border: red 3px dotted; border-radius: 5px;}.select__wrap { overflow: hidden;}.select__wrap select { margin: -1px; padding: 0;}Пример: http://codepen.io/GreatRash/pen/isjgL Работает во всех современных браузерах + IE Quirks Mode!
  9. Доброго времени суток всем! Есть горизонтальное меню с выпадающими списками подменю. Выпадает всё здорово, но подсвечивается несколько не так, как хотелось бы. Чего хочу, и что не получилось: когда наводится мышь на пункт меню - всё здорово, пункт подсвечивается оранжевым, меню выпадает, но после того, как мышь уходит с основного пункта меню и начинает "гулять" по подменю, подсветка с основного пункта меню пропадает, а должна оставаться. когда на ней hover - она загорается, hover пропал - пропала подсветка. как заставить светиться этот пункт, пока я шарю мышкой в пределах его подменю? пример в картинках вот так оно есть сейчас: вот так надо (монтаж): вот кусок кода элемента меню, из которого выпадает подменю: <ul class="menu"> /*top menu*/ <li class="item-101 current active deeper parent"> <a href="/" >О компании</a> /*drop-down menu*/ <ul> <li class="item-114"> <a href="/home/history" >История компании</a> </li> <li class="item-115"> <a href="/home/partners" >Наши партнёры</a> </li> <li class="item-116"> <a href="/home/suppliers" >Наши поставщики</a> </li> </ul> </li></ul>вот стиль для меню: ul.menu { margin: 0; padding: 0; width: 100%; height: 100%; text-align: justify;}ul.menu li { float: left; list-style: none; position: relative; display: inline-block;}ul.menu li.active { background-color: #f93; text-shadow: 1px -1px 0px #000;}ul.menu li a { color: #fff; display: block; padding: 8px 12px 10px; text-decoration: none;}ul.menu li a:hover { background-color: #f93; text-shadow: 1px -1px 0px #000;}/* drop-down menu */ul.menu li ul { display: none;}ul.menu li:hover ul { display: block; position: absolute; top: 38px; background-color: #f93; z-index: 1000;}ul.menu li:hover ul li { float: none; width: 330px; border-bottom: 1px solid #ff9; text-shadow: 1px -1px 0px #000;}ul.menu li ul li a:hover { background-color: #ff3;}подскажите, что сделать или что изменить, чтобы получилось задуманное, а то уже идеи кончились.. если по поводу моего кода есть куча замечаний, то не стесняйтесь делать замечания, учту!
  10. Помогите пожалуйста сделать выпадающее меню на css, без jq. Спасибо <div id="menu"> <ul><li><a href="#">click me</a></li><ul><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li><li><a href="#">ВЫПАДАЙЮЩИЙ СПИСОК</a></li></ul><li class="standup"><a href="">ССЫЛКА1</a></li><li class="standup"><a href="">ССЫЛКА2</a></li><li class="standup"><a href="">ССЫЛКА3</a></li><li class="standup"><a href="">ССЫЛКА4</a></li></ul></div>
  11. Здравствуйте. Прошу оценить первую вёрстку http://maximbaluyev.com/. Покритикуйте код. Может, найдутся советы или пожелания. Буду рада услышать. Это сайт портфолио. На месте чёрных квадратов будут работы, которые к данному времени еще не готовы. Также вариант отображения работы можно посмотреть здесь: http://maximbaluyev.com/logo.html и здесь: http://maximbaluyev.com/logo-single/logo-single-2.html Интересует решение для одной проблемы: при уменьшении окна браузера сайт странно себя ведёт. Так как навигация фиксирована по пожеланию, то как лучше выполнить: чтобы она перекрывалась работой при уменьшенном окне браузера или чтобы вовсе скрывалась как в этом примере? Подскажите, очень надо что-то решить. Просто не знаю, как лучше будет. Думаю, услышать более опытное решение мне не помешает. заранее спасссибсы Горрлумм Горрлумм
  12. Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java
  13. Приветствую сообщество. Я заметил в одном уроке по верстке тэг html при задании ширины, высоты и бэкграунда страницы. В уроке об этом нет ни слова, и выглядит как обычная необходимость. Мне не удалось найти информации относительно использования тэга html в стилях css, а очень хочется понять, в чем тут суть. Пример кода из урока: Вопрос - для чего же это был сделано? В чем секрет? В каких случаях и следует ли вообще его так использовать, или это просто ошибка автора?
  14. Доброго времени суток, господа верстальщики, дизайнеры и все-все-все! Помогите, пожалуйста, разобраться, где может крыться проблема с гадким браузером IE6, на который извечно приходится натягивать тройной презерватив. Работаю с CMS Joomla, это мой не первый сайт, но ошибка подобного рода наблюдается мной впервые. Шаблон делаю сам с нуля. Никаких артистиров, никаких генераторов CSS и прочих "говнокодогенераторов", всё вручную в Notepad++ Однако, опыт ещё не столь велик, чтобы чувствовать себя хотя бы продвинутым, не то что гуру Вот так всё должно выглядеть (так это выглядит в браузерах Google Chrome и Mozilla Firefox): А так это выглядит в IE6: Хорошо заметна синяя полоса размером 4 пикселя под header-ом и над div-ом с колонками. Почему она там появляется? Как от неё избавиться? Синий цвет находится в коде background-color у самого хедера, т.о. хедер почему-то вытянут по вертикали на 4 пикселя больше положенного. Хедер имеет заполняемый с repeat-x фон, у которого нижний пиксель красного цвета (хорошо видна красная полоска; сделал, чтобы видеть чётко нижнюю границу). Высота фона, картинки и самого хедера совпадают и имеют размер 61px Я поизвращался, двумя путями (по раздельности, не одновременно!) сделал так, чтобы в IE6 всё отображалось, как надо: 1) в стиле хедера прописал свойство margin-bottom: -4px; 2) в теге <img> там, где ставится картинка, принудительно поставил высоту не 61px, а 57px В этих случаях в IE6 всё становилось "ёлочкой", т.е. как надо. Но во всех остальных браузерах в первом случае хедер уменьшался на 4 пикселя, соответственно обрезались картинка и фон, а во втором при нормальном размере хедера картинка получалась сжата по вертикали и приподнята над нижним краем на 4 пикселя, что тоже есть не айс. Как обычно, хочется, чтобы везде по-максимуму работало, а на таких простыв, вроде, вещах уже косяки.. Если кто с таким сталкивался, пожалуйста, помогите. Работоспособность шаблона пока проверялась только на трёх браузерах: Chrome и Firefox последних версий, и базовый для WinXP - Internet Explorer 6 (CURSE MICROSOFT!!! ). Читал ещё вот такую статью: http://dimox.name/10-fixes-for-ie6/ Ничего не знаю про компетенцию автора, но попробовать стоило. Конкретно из того, что там написано, воспользовался тем, что приписал display: inline; во все блоки, в которых установлен параметр float. Так как нижеидущие столбцы у меня именно такие, я туда и нафигачил. Но ничего не заработало, а смысл самого этого кода (display: inline;) мне малопонятен.. P.S. Если потребуется ещё какая-то информация, типа кодов, всё любезно предоставлю, секретов у меня нет. Может узнаю заодно, где у меня какие огрехи. Хотя я там ещё не успел много наворотить, это фактически только первичная разметка.
  15. оно: http://maximbaluyev.com/ здравствуйте. есть просьба: уменьшите окно браузера, чтобы появилась горизонтальная прокрутка. что лучше: чтобы навигация была перед или за контентом в таком случае? или может лучше при максимальном уменьшении окна браузера сделать так, чтобы навигация исчезала, как в этом примере? а также чтобы появилась вертикальная прокрутка. шрифт уменьшается, но когда уже максимально уменьшили по высоте, соц. кнопки аккуратно налазят на навигацию. что тут посоветуете? я понимаю, что до таких размеров просмотр портфолио никто доводить не будет... но всё таки и если есть какие-то советы по адаптации сайта для мобильных устройств, то помогите ссылками на ресурсы, статьи... п.с. первая вёрстка) осталось немного для старта. п.п.с. уже залила, но полоса от соц. иконок перекрывает контент на странице с помощью z-index)). это исправлю. заранее спасссибсы Горрлумм
  16. Приветствую. Делаю поэтажное выделение на здание, через теги map area, использую плагин maphilight Проблема в том, что выделение срабатывает не всегда, баг возникает в браузерах Chrome и Opera Гуглил решение, нашел только вариант с добавлением к тегу map id и name с одинаковым значением, но это не сработало. Кто сталкивался с подобным, как заставить работать указанные браузеры? <script type="text/javascript" src="http://davidlynch.org/projects/maphilight/jquery.maphilight.min.js"></script>$(function() { $(".map").maphilight();});<img class="map" alt="img/1470.jpg" src="http://s018.radikal.ru/i501/1402/07/2debaecf5527.jpg" usemap="#myMap" width="1470" height="827" /> <map name="myMap" id="myMap"> <area shape="poly" coords="177,164,359,147,591,156,852,193,852,259,591,240,358,237,177,244" class="class6 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id6" target="_self" title="title6"/> <area shape="poly" coords="177,244,359,237,591,240,852,259,853,313,591,309,358,309,178,310" class="class5 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id5" target="_self" title="title5"/> <area shape="poly" coords="177,310,357,309,591,310,853,314,853,368,592,378,359,380,178,374" class="class4 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id4" target="_self" title="title4"/> <area shape="poly" coords="178,374,359,381,592,379,853,368,853,422,591,446,359,451,178,438" class="class3 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id3" target="_self" title="title3"/> <area shape="poly" coords="178,438,359,451,591,445,853,421,853,476,592,514,358,525,177,508" class="class2 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id2" target="_self" title="title2"/> <area shape="poly" coords="177,508,358,525,591,514,824,480,823,534,593,584,359,596,176,571" class="class1 {fill:true,fillColor:'00ff00',fillOpacity:0.4,stroke:false}" id="id1" target="_self" title="title1"/> </map>P.S. Если есть подробная документация (на русском) о создании подобного рода карты, буду рад ссылке. Пытался сделать с помощью Raphael, но не разобрался в документации.
  17. При наведении на ссылку, она должна оставаться такой-же яркой, а остальные должны темнеть. Вот код: HTML : <div class="menu_content"> <ul> <li class="home"><a href="#">Главная</a></li> </ul> CSS: .menu_content{ margin: 30px 0 30px 0;}.menu_content ul{ padding: 10px; vertical-align: middle; }.menu_content ul li{ margin: 3px 0 3px 0; list-style-position: inside;}.menu_content ul li a{ text-decoration: none; color: #404040; padding: 5px 20px; display: block; margin: 0 0 0 10px;}.menu_content ul li a:hover{ color: #010101;}.home{ background: url(../images/sprite.png) 0 4px no-repeat; /*Используется sprite*/}Подскажите пожалуйста как это сделать. И буду благодарен, если скажите замечания по коду.
  18. Делаю выпадающее меню, должно выглядеть так: При ховере на пункт меню появляется подменю. Ширина основного меню - резиновая. При наведении на Пункт4 и Пункт5 меню привязывается к правому краю. Мой код просто ужасен, подскажите пожалуйста как это сделать. .head_menu{ margin:30px 0 30px 0;}.menu { overflow: hidden; padding: 10px; list-style: none;}.menu li{ float: left; margin: 0;}.menu li a{ text-decoration: none; color: #0076d1; font-size: 14px; font-weight: bold; padding: 10px; display: block;}.menu li a:hover{ display: block; border: 1px solid #d0d0d0;}.menu ul li a:hover{ color: #000;}.menu li ul { display:none; position:absolute; width:120px; overflow: hidden; border: 1px solid #d0d0d0;}.menu li:hover ul{ display: block;}.menu ul li{ float: left;}
  19. Оцените, пожалуйста, вёрстку: http://tellmeof.cc.ua/Styleux/styleux.html
  20. Доброго времени суток, форумчане! Возникла у меня проблемка не большая. Нарисовал картинку (бэкграунд), и в этой картинке оставил место для вставки видео. Т.е. рамку. В это место нужно вставить видео. Бэкграунд вроде настроил, вроде отображается, но вот видео на "место" поставить не могу. Использую тег margin-top, указываю значения, а он делает отступ не только для видео, но и для самого бэкграунда. По-любому проблема лежит где-то на поверхности, а я ее не вижу, как обычно. Помогите сообразить, пожалуйста Вот мой код: + Картинка.
  21. Здравствуйте уважаемые. Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example". <!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.min.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/lightbox-2.6.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://netalkonarko.ru/css/screen.css" media="screen"/> <link rel="stylesheet" href="http://netalkonarko.ru/css/lightbox.css" media="screen"/><!-- Light Box--></head><body><div class="image-row" style="text-align:center;"><div class="image-set" style="text-align:center;"> <a class="example-image-link" href="http://netalkonarko.ru/images/sertifikat/2.jpg" data-lightbox="example-1"><img class="example-image" src="http://netalkonarko.ru/images/sertifikat/2.jpg" alt="" width="150" height="150"/></a></div></div></body></html>И вот что выдает валидатор - http://validator.w3.org/check?uri=http%3A%2F%2Fnetalkonarko.ru%2Flightbox.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices Исходный файл - http://netalkonarko.ru/lightbox.html Понимаю, что бред конечно подгонять страницу под формат валидности и тем более переживать из-за одной ошибки, но всё же интересно как это исправить и почему разработчики не обращают на это внимание. Кто-нибудь сталкивался с такой проблемой и как её решить? Заранее благодарен всем откликнувшимся! Счастья Вам!
  22. Здравствуйте! Скажите на сколько я справился с версткой макета. Прошу указать на ошибки Макет: http://s57.radikal.ru/i156/1402/96/ef006b9e14f9.png Результат: http://romka.esy.es/verstka/ Буду рад получить как можно больше замечаний и советов
  23. Вот адрес http://lesnoe.zz.mu/ там и стили прописаны сразу в html пробема в том что куб во время врщения сьезжает то влево - то в право как бы гуляет,хотя я опворачиваю его только по одной оси, в идеале должна просто сентся сторона и все... з.ы. по кубу надо щелкать
  24. http://fh79255n.bget.ru/ Откопал этот макет давно где-то в недрах интернета, вот сверстал выложил на хостинг. Дизайн не мой если что, прошу оценить качество верстки, буду благодарен если укажете на факапы и прочее ) Текстовое наполнение писал сам, дабы не заскучать в работе над этим ) Плюс еще хотел бы задать пару вопросов: 1. Когда я попытался вставить ссылку на данную страницу к себе на стену в контакте, в предварительном просмотре текстовая инфа отобразилась как "Документ без названия", после чего я изменил текст в <title> на другое название, но это не сыграло никакой роли, как отображалось "Документ без названия", так и продолжает. Верстаю в Дримвивере если что. 2. Как вы оцениваете уроки создания сайтов от DenWeb ? По ним нормально учиться вообще?
  25. HTML верстка шаблонов из psd макетов валидность - w3cкроссбраузерностьсемантичностьхорошее отображение на мобильных устройствахиспользование jQueryСоздание сайтов-визиток. Цена за верстку одной страницы от 50$. HTML5 верстка примеры работ Email: youneekweb@gmail.com
×
×
  • Create New...