Поиск по сайту

Результаты поиска по тегам 'css'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Основной форум
    • Для начинающих
    • Проблемы верстки
    • Обсуждение работ
    • Работа форума
    • Флейм
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Веб-программирование
    • Javascript
    • Серверные технологии
    • СУБД
    • CMS
  • Работа: спрос, предложение, вакансии
    • Коммерческие услуги

Календари

  • IT events in Ukraine
  • IT events in Russia
  • События форума

Блоги

  • CMS (Системы управления контентом)

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу



Фильтр по количеству...

Найдено 810 результатов

  1. Здравствуйте. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 12px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { display: inline-block; } h1:before { content: ''; width: 100px; height: 100px; background: url(gold-logo.jpg) no-repeat center center; display: inline-block; } </style> </head> <body> <h1>XmanBank</h1> <div class="menu"> <ul> <li><a href="">Home</a></li> <li><a href="">About us</a></li> <li><a href="">Our services</a></li> <li><a href="">Deposits</a></li> <li><a href="">FAQs</a></li> </ul> </div> </body> </html> В нём я воспользовался тегом h1 и псевдоклассом before, чтобы вставить перед ним картинку (лого), но размер задаётся некорректно. Он не уменьшает картинку, делает подобие border'а. Как исправить?
  2. Добрый день! Помогите выровнять кнопку "Расчет" в правый нижний угол div'а. В правый край выравнивается, а в нижний край приходится загонять с помощью <br>.
  3. Приветствую. Подскажите, как для блока с изменяющимся ID прописать единый стиль. Поясняю: Имеется блок <div id="div-gpt-ad-1485257279370-0"></div> и цифры могут принимать различные значения, неизменным остаётся только "div-gpt-ad-", вот, как для такого блока можно задать стили css?
  4. помогите правильно поправить css в графах выбора варианта, было еще хуже, но сейчас маленькая проблема осталась в chosen.css надо стили дропдаунов выбрать, я поставил те что подошли, тоесть inline-block дк оно когда выпадает занимает все место куда выпало(отодвигает) посмотрите сами http://legion-m.pro/product/костюм-мужской-вихрь-ямал-зимний-хаки-комбинированный-кошачий/category_pathway-14 в самом товаре например, или там внизу есть еще заказ звонка, там тоже такая тема .-.
  5. Привет! Вот мое "творение" Мне интересно в первую очередь фундаментальная критика, но и мелкой буду благодарен))
  6. При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; }
  7. Доброго времени суток! Я совсем недавно начал изучать HTML и CSS. И столкнулся с проблемой того, что многие программы, обучающие видео на YouTube и просто информация немного устарели. Мне известно, что чтобы стать хорошим верстальщиком, нужно идти в ногу со временем, а посему решил задать следующий вопрос на форуме: Используются ли в CSS спрайты в настоящий момент? И если нет, то какая альтернатива существует? Есть ли обучающий контент по этой теме? Заранее благодарю.
  8. Доброго времени суток, форумчане. По дипломному проекту мне задали создание сайта, на котором можно будет распространять платные курсы, которые ведёт моё образовательное учреждение. Нужны: регистрация, вход само собой, сама продажа курсов с автоматической записью людей в группы, в каждой группе определённое количество человек, а так же нужно будет через этот сайт следить за посещаемостью (вообще не понимаю зачем) курсов. Курсы оффлайновые, то есть группа людей в соответствии со своим расписанием будут приходить в образовательное учреждение в установленное время и обучаться. Дело в том, что создание сайтов мы изучали на 2 курсе ровно 2 недели. Чутка выучили html и совсем плохо css. Ищу совета в том, с чего мне начинать, что мне понадобится, какая cms для этого будет лучше и нужна ли она будет вообще.. Ну вы поняли, ищу любого совета. Заранее благодарю.
  9. Всем привет! Я только начинаю учиться верстать и хочу узнать,как сделать вот такое меню? Самое главное,что бы оно было адаптивным. Заранее спасибо)
  10. Добрый день! я только начал осваивать веб-программированием и уже столкнулся с некоторыми трудностями, скажите пожалуйста, как сделать так, чтобы объекты были забиксированны в строгом положении на каждой странице. Например: Мне нужно, чтобы молния была всегда строго по центру верхнего блока, а вот блоки с кнопками меню должны быть относительно молнии. Как на макете. Мне кажется, что я изначально начал все делать неправильно. И еще такой вопрос. Старался сделать по уроку, предложенному на сайте, чтобы рисунок менялся на другой при наведении. Через <p></p> у меня просто нет рисунка. Не знаю что и как делать( Подскажите, пожалуйста. Буду очень признателен. index.html styles.css
  11. Всем привет. Хочу сверстать несколько блоков на странице. Шапка, с фиксированной высотой, шириной 100%. Затем 2 блока. Левый блок с шириной 200px, правый блок, который бы занимал всю оставшуюся часть страницы. Footer фиксированной высотой, шириной 100%. Пример во вложении, или по ссылке: Макет Проблема вот в чём. Как сделать правый блок (3 на макете) размером на всю оставшуюся часть страницы. И как вообще сделать блоки 2 и 3 высотой на всю оставшуюся часть страницы таким образом, чтобы скролл появлялся только в блоках 2 и 3 если контента в них очень много и этот контент вылазиет за пределы блоков? Вот что смог пока сделать: https://jsfiddle.net/fenix_63/duy2cyuz/ Народ, помогите пожалуйста кто знает. С шириной разобрался, а вот как сделать высоту 2 и 3 блока так, чтобы она была равная высоте страницы - высота шапки - высота подвала? И чтоб если блоки 2 и 3 из-за обилия контента не вмещаются в эту область, чтоб скролл появлялся? https://jsfiddle.net/duy2cyuz/3/
  12. Добрый день! Может кто нибудь объяснить мне, не смышленому верстальщику-новичку, как мне выравнить текст по центру картинок? Я уже все перепробывал,но что то не клеится(( на первом скрине я отразил суть проблемы, а на втором то, как это должно быть по макету! (я заменил одну картинку, т.к. это не особо важно, но сути это не меняет) в html я объединил это все (картинки\текст) в один див и дал ему класс. далее я дал класс всем текстовым материалам и ид для каждой картинки, дабы сделать более гибкую настройку, но все пошло не по плану. в CSS класс текста выглядит так: .contenttext { display: inline-block; font-family: 'Raleway', Arial, sans-serif; margin-top: 60px; font-weight: 500; font-size: 130%; } Видимо задавать margin-top: 60px; вообще лишнее, по скольку вместе с текстом перемещаются и картинки. Парюсь уже битый час над этим. Если кто сможет, подскажите, что можно предпринять для разрешения проблемы.
  13. Сделаю сайт по вменяемой цене. Блог, корпоративный сайт, визитка, лэндинг, страницы мероприятий. Есть портфолио на Behance.
  14. Здравствуйте прошу помочь реализовать нормальный слайдер, в данный момент все в принципи работает как и было задумано, но все картинки привязаны позиционно и накладываются друг на друга из-за чего при уменьшении размера все сбивается <h3 class="alt_4" color="#63308a" >Личные качества</h3> <img align="left" style="margin-right: 30px;" src="http://www.mqsart.ru/wp-content/uploads/2013/10/workroom_start-300x268.png" alt="" width="300" height="268"/> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Ответственность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_liability.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Креативность</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_creative.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Гибкость мышления</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_thinking.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Внимание к деталям</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_full.png" alt="" width="300" height="268"/></span></a></br> <a class="imagetip" href="javascript:void(0)"><img align="left" style="width:18px; height:18px; margin-right: 10px; margin-top: 2px;" src="wp-content/themes/magnetto/layout/images/bg_level2_marker.png" alt=""/><p><b>Быстрая обучаемость</b></p><span><img align="left" style="margin-bottom: 99px;" src="http://www.mqsart.ru/wp-content/uploads/2017/01/workroom_educability.png" alt="" width="300" height="268"/></span></a></br>
  15. Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?
  16. Проблема такая: создаю HTML-файл, сохранив на рабочий стол. Захожу- открывает все как надо: страница содержит в себе CSS-элементы, включая картинку на заднем фоне. В body я прописал <img src="..."> - картинка видна. Вывод: все работает. Теперь следующее: этот же файл я перенес в папку, чтобы не занимало лишнего пространства на рабочем столе. Но подвох в том, что, открыв его(HTML-файл), выходит не то, что описал в первом абзаце. Вместо красиво оформленной страницы появляется голая страница, в которой, кроме body, ничего нет. Да и то <img src="..."> отображается как незагруженная/ненайденная картина. Т.е. CSS не делает свое дело, а тэг <img> не работает. Кратко говоря, страница ведет себя странно, если переместить в папку. В чем может быть проблема? P.S. Вложил фотографии. Первая-скрин HTML-файла, лежащем на рабочем столе. Вторая-скрин HTML-файла, лежащем в папке(обратите внимание на ссылки). Вот вам код, если нужно <!DOCTYPE html> <head> <title>Bludgeoned To Death</title> <style type="text/css"> body { background:url(SSS/TheCleansing.png); margin-right: 20px; margin-left: 20px; padding: 10px 10px 10px 10px; font-family: Arial; color: white; } </style> </head> <body> <center> <img src="SSS/1470302292710.png"> <p> <h2>"Bludgeoned To Death"</h2> <br> <br> You're worthless, you plague humanity<br> Be nothing without me<br> Your curses try to get back to me<br> But still there is no time<br> <br> Bludgeoned<br> <br> Your curses with thoughts and narration<br> For what I say<br> Hope you listen<br> <br> Your cursed with thoughts and narration<br> This is what you get<br> I made you smile<br> <br> And doctors won't be able to recognize your fucking face!<br> <br> Be, be nothing, be nothing without me<br> <br> How could you think that I was joking<br> But I'm not, be nothing, be strong, without me<br> But still curses crumble as we let this happen<br> We can't let this happen<br> As we all come down<br> We can't<br> <br> Because [2x]<br> You abide by something funny<br> What's funny now?<br> You abide by something sacred<br> You found it gone<br> <br> Inside [3x]<br> Your curses die<br> Inside [3x]<br> Your curses die<br> </center> </p> </body> </html>
  17. Доброго времени суток. Нахожусь на начальном этапе карьеры веб-разработчика, поэтому готов сверстать ваш psd макет за символическую цену. Использую bootstrap, поэтому адаптивная верстка не проблема. Связаться со мной можно по почте: rbzone402@gmail.com
  18. Добрый день. Как сделать так, чтобы маркированный список был справа от изображения без обтекания. Сейчас список обтекает картинку вот так: http://cv38564-wordpress.tw1.ru/услуги/ спасибо!
  19. Помогите с кодом.Первый @media screen работает, а другие 2 нет
  20. Доброго дня форумчане, ситуация такая- Есть сайт http://codex-themes.com/scalia/one-page/ где красиво реализована система смены слайдов. Как можно заметить, происход переход следующим образом : Элементы в слайде начинают анимацию свёртки -> происходит смена слайда -> происходит анимация развертки элементов нового слайда. Подскажите есть ли какие-нить уроки/статьи как такое сделать, и можете порекомендовать слайдер, где такое можно сделать через опции, ну хотя бы задержку перед переход на следующий слайд. Писать свой велосипед не хотелось бы, но видимо придется, если вы мне не поможете советом. Спасибо.
  21. Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верстке не про Помогите пожалуйста
  22. Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?
  23. Верстаю сайты на HTML5, CSS3, JavaScript с использованием библиотеки JQuery. Имею опыт работы с Bootstrap3. Примеры вёрсток : 1) https://astonevart.github.io/eventide-landing/ 2)https://astonevart.github.io/styletour/ Также могу сделать полноценный сайт на php и разместить на Wordpress! Сделаю все качественно, быстро, и современно!!! skype : astonevart e-mail : astonevart@gmail.com
  24. Здраствуйте, Нужна помощь в верстке новостного сайта, есть вопросы на которые нужны ответы С Уважением Сергей
  25. Здравствуйте. Возникла проблема, в которой я не могу выставить у подменю ширину и высоту, а так же центрирование текста. Не "li", не "a" и "ul" не влияют на эти атрибуты. Как правильно написать? https://jsfiddle.net/ErUnDAK/3461nhqd/#fork