как размножить картинку спрайт?

(Ответов: 11, Просмотров: 1736)
Страница 2 из 2 Первая 12
  1. Опытный Аватар для Fktrctq
    • Регистрация: 21.12.2011
    • Сообщений: 457
    • Репутация: 11
    samoylov,Подскажите пожалуйста ещё один момент как применить спрайт если картинка вставляется в html
    Код HTML:
    <span class="up" id="up"><img width="50" height="63" alt="вверх" src="<?php echo esc_url(get_template_directory_uri())?>/image/up.png"></span>
    Как задаются координаты в этом случае?
    Последний раз редактировалось Fktrctq; 27.07.2016 в 12:21.
    • 0
  2. Новичок
    • Регистрация: 20.07.2016
    • Сообщений: 25
    • Репутация: 6
    • Webmoney BL: ?
    Fktrctq, тэг img выводит все изображение. Это конечно извращение французских королей, но можно задать ему абсолютное позиционирование, а у родительского элемента прописать overflow:hidden, чтобы обрезать ненужные элементы. Будет примерно так:

    Код HTML:
    <div class="down"><img src="<?php echo esc_url(get_template_directory_uri())?>/image/pc.png"></div>
    PHP код:
    .down {
     
    display:block;
     
    position:relative;
     
    width:145px;
     
    height:145px;
     
    overflow:hidden;
    }
    .
    down img {
     
    position:absolute;
     
    top:0;
     
    left:0;
     
    width:184px;
     
    height:180px;


    Пример
    http://jsbin.com/sikawotaja/edit?html,css,output


    Но лучше конечно такие вещи задавать через background. Если нужно это сделать в верстке, то:

    Код HTML:
    <div class="down" style="background-image:url(<?php echo esc_url(get_template_directory_uri())?>/image/pc.png);"></div>
    Последний раз редактировалось samoylov; 27.07.2016 в 12:25.
    • 1

    Спасибо сказали:

    Fktrctq(27.07.2016),
Страница 2 из 2 Первая 12

Похожие темы

Темы Раздел Ответов Последний пост
Размножить тексты для объектов по недвижимости
Вопросы от новичков 2 04.06.2014 17:32
Картинку в рубрику
WordPress 12 25.02.2014 20:16
написать и размножить статью
Копирайтинг, переводы, постинг 0 21.10.2013 09:20
размножить статью
Копирайтинг, переводы, постинг 3 14.08.2012 13:52

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры