взимане на част от изображение

[kWo]

как мога с css от един background да изведа дадеха част ..
примерно от тази емотикона да взема с css само текта "Oops!" другото да не се вижда
('')

 

[devent]

В случая от тази картинка можеш да вземеш oops като зададеш по-малък height, но в 95% от другите случаи това няма да ти свърши работа. Съжелявам, но със css няма как да го постигнеш това

 

[kWo]

с css мога, но само по височина да го определям а как мога и по ширина :?

 

[DeathGuard_]

с css мога, но само по височина да го определям а как мога и по ширина :?

:idea:

.width {
width: 150px;
}

Или аз не съм разбрал.....

 

[adrian]

#icon { background: url('icon_redface.gif') no-repeat; background-position: 2px -6px; width: 40px; height: 21px;}

<div id="icon"></div>

Настройваш си width и height, а 2px и -6px са ти съответно от кой пиксел по широчина и височина да започне показването на картинката. Пробвай различни стойности и ще видиш как действа.

Това съм ти го сложил примерно, защото нямам време да го нагласям перфектно

 

[DeathGuard_]

Въпросът е, че човекът иска да вземе (един вид кодът да 'разбере') надписа от картинката до колкото разбрах. Ако е това - не мисля, че има код, който го може това нещо.

 

[kWo]

andrian, остави май наистина е невъзможно..

целта ми беше да закрия половината изображение по ширина за да взема друга част, но явно не може

 

[adrian]

Адриан

Кажи какво точно искаш да направиш. Ако искаш автоматично да става - няма начин (или поне универсален за всякакъв вид картинки), но ако искаш за дадено изображение да показваш определена част от него - може.

 

[kWo]

значи имам примерно ато е хедъра горе на WEB-TOURIST исам да центрирам артинката точно на надписа

тоест само него на покаже

 

[appmaster]

Пич, колегата ти е показал точно как става - това е принципа!!!
Ако не го разбираш това е друг въпрос
И ДА това е което ти трябва :evil:

#icon { background: url('icon_redface.gif') no-repeat; background-position: 2px -6px; width: 40px; height: 21px;}

<div id="icon"></div>

Настройваш си width и height, а 2px и -6px са ти съответно от кой пиксел по широчина и височина да започне показването на картинката. Пробвай различни стойности и ще видиш как действа.

Това съм ти го сложил примерно, защото нямам време да го нагласям перфектно

Ако беше пробвал това което ти е дал като готов код, щеше вече да си разбрал...

 

[adrian]

В див с id #icon слагаш картинката като позиционираш фонът, а във втори див слагаш всичко и го центрираш в страницата.

Ето го кодът:

<style type="text/css">
#icon { background: url('http://web-tourist.net/forum/templates/Maxmedia/images/php.png') no-repeat; background-position: -85px -27px; width: 180px; height: 30px;}
#content { width: 180px; margin: 0px auto; }
</style>

<div id="content">
<div id="icon"></div>
</div>

Пробвай да сложиш различни стойности на кодът в червено и ще видиш сам разликите.

 

[kWo]

АА екстра стана.. :?:

исках да си наблускам всички икони в едно изображение да ми зарежда сайта по-бързо..

по-бързо ли зарежда сайта при отварянето на едно голямо изображение от колото 30 малки икони

 

[appmaster]

Да! Затова всички големи сайтове си слагат по няколко базови пнг-та. И от тях се извлича с позициониране всичко сложено в тях

А защо е по-бързо ли - ми сам предцени една заявка за сваляне на файл, срещу 30 ... Това е най-малкото и очевидно нещо, за др. няма нужда да споменавам.