Jump to content
  • Sign Up

Search the Community

Showing results for tags 'изображение'.



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 7 results

  1. Подскажите можно увеличить расстояние между текстом и картинкой в маркированном списке. Конкретно для маркированного списка?
  2. Всем привет, буду краток делаю сайт на openserver. Нужно было в хедер вывести логотип сайта. Воспользовался <img> при загрузке сайта картинка не выводится, вместо нее только содержание alt, когда смотрю в код элемента, там где ошибки написано не удалось загрузить изображение (Ошибка 403 Access forbidden!) позже выяснилось что вообще любые картинки не показываются из за этой ошибки при переходе по ссылке на изображение: права на папки не менял, поскольку в windows не знаю как, да и нельзя вроде как Сайт на dle и в других шаблонах все картинки выводятся, но в моём нет. В чем может быть дело?
  3. Как задать через html или css или ещё как-то – изображение, которое автоматически подтягивается при вставке ссылки в поле ввода сообщения (например в VK или Facebook)? Прикрепил 2 примера.
  4. Мне нужна помощь, как создать иерархуию изображений, чтобы одно накладывалось на другое ( у меня получается обычно наоборот, так же в коде я менял позиции ). Так же еще один вопорос, как на это изображение налепить текст, который был бы кликабелен?
  5. Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.
  6. Добрый день! Уважаемые специалисты, помогите, пожалуйста, с масштабированием картинок, у меня никак не получается сделать ровно для всех браузеров. Имеется вордпресс, в теме есть галерея с горизонтальной "прокруткой". У меня было желание настроить галерею более грамотно и удобно. Изначально галерея предполагает загрузку картинок одной высоты, но мне это не подходит. У меня вертикальные и горизонтальные фотографии, и мне нужно, чтобы они были одной высоты в галерее, при этом, чтобы вертикальные масштабировались под высоту горизонтальных. В оригинале выглядит вот так: http://demo.megathe.me/heat/portfolio/people/ Код стиля: /* =iosSlider----------------------------------------------- */.container { position: relative; width: 100%; height: auto; margin: 0 auto; overflow: visible;}.container .iosSliderContainer { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 0 0; overflow: visible;}.iosSlider { position: relative; top: 0; left: 0; overflow: visible; width: 100%; height: auto;}.iosSlider .slider { width: 50000px; height: 100%;}.iosSlider .slider .item { float: left; width: auto;}.iosSlider .slider .item img { width: 100%; height: auto; float: left;}На моём сайте вот так: http://www.radosvet.ru/portfolio/margarita-portret/ Код я немного изменил, добавив max-height: 600px: /* =iosSlider max-height: 600px;----------------------------------------------- */.container { position: relative; width: 100%; height: auto; margin: 0 auto; overflow: visible; max-height: 600px;}.container .iosSliderContainer { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 0 0; overflow: visible; max-height: 600px;}.iosSlider { position: relative; top: 0; left: 0; overflow: visible; width: 100%; height: auto; max-height: 600px;}.iosSlider .slider { width: 50000px; height: 100%;}.iosSlider .slider .item { float: left; width: auto;max-height: 600px;}.iosSlider .slider .item img { width: auto; height: auto; float: left; max-height: 600px; max-width: 100%;}В итоге вроде получилось то что мне нужно, но проблема в том, что при уменьшении окна вертикльные кадры "обрезаются" снизу. Я ещё дописал, добавив min-height: 600px;: ----------------------------------------------- */.container { position: relative; width: 100%; height: auto; margin: 0 auto; overflow: visible; max-height: 600px; min-height: 600px;}.container .iosSliderContainer { position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 0 0; overflow: visible; max-height: 600px; min-height: 600px;}.iosSlider { position: relative; top: 0; left: 0; overflow: visible; width: 100%; height: auto; max-height: 600px; min-height: 600px;}.iosSlider .slider { width: 50000px; height: 100%;}.iosSlider .slider .item { float: left; width: auto;max-height: 600px;}.iosSlider .slider .item img { width: auto; height: auto; float: left; max-height: 600px; max-width: 100%;}Теперь почти всё так, как мне нравится. Но параметр максимальной высоты не позволяет адаптивному дизайну быть на 100% рабочим. Например, при сужении окна по высоте картинка на экран не помещается. А в мобильных браузерах вообще всё как-то странно смотрится В Firefox android при пролистывании далее картинки уменьшились, в Хроме просто лента из картинок вниз (хотя этотвариант меня устраивает). Я бы хотел, чтобы всё это было красиво на всех устройствах, но не знаю как настроить контейнер и картинки. Помогите, пожалуйста, что можно добавить или изменить?
×
×
  • Create New...