Hogyan kell behelyezni a képeket, és állítsuk be a méretük html

Ahhoz, hogy megpróbál mindent „élő”, hozzon létre egy asztali papa, akkor képet tesz, és hozzon létre egy egyszerű html-dokumentum. A kép lehet venni, és ez, például.

Méretek jelölni magam egyszerre - ez fontos. Ebben az esetben ezek egyenlő 259-194 px.

A különlegessége ennek a változat, hogy a készülék nem lett magassága beállítható, és ezért egyszerűen „körbe” kép.
És mi lesz, ha ez kötelező megadni a magassága, egy kicsit több, mint a képeken? (Változás a stílus a tartályt, a kép nem érintik)

Változatok „dviganiya” eltérő lehet, mint például:

de ez egy másik téma. Fontos, hogy a kép mérete nem változik!

Tegyük fel, hogy most szeretnénk növelni a képet. Az ugyanaz.
Könnyen.

CONT img magasság: 250 képpont; / * Adja meg a kívánt magasságot a kép * /
>

Azt veszi észre, hogy a minőség romlott? Ha Önnek több - hajrá, egyébként keresse meg a képet tovább. Hasonlóképpen, akkor kénytelen a kép szélességét és ...

"Stretch" kép. Ha ez a felirat, vagy egy absztrakt képet, talán valaki meg van elégedve ... és tudja húzni a képet, és a teljes szélességű ... és egy különleges szélessége pixelben.
Ha nem jelzi a magasságot. akkor a kép megváltozik arányában az eredeti méretére, néha túlmutat a blokk.

Tudod, persze, hogy tiltsák ...

folytatás overflow: hidden; / * Hide részéről, gyere ki szélére * /
>

Jelenleg talán elég ... Hogyan tegyük kép nem a IMG tag, és a háttérben blokk, elmondom ... holnap.
Miért ez (a háttérben)? Például, hogy a tetején a feliratot ...

Pro, nem oldják meg, kérlek ... tudom, hogy a felirat lehet helyezni a tetején a kép ... de a téma valami kezdőknek ...

Kis magyarázat az összes leckét:

HTML-kód is, szinte ne érintse, az összes változás történik a stílus (a kettő között a címke „stílus”). Ha a jövőben a stílus a webhelyen kerül benyújtásra egy külön fájlban (és jogosan, ebben az esetben én nem ezt annak érdekében, hogy megkönnyítsék megértését feladatok) - ennek megfelelően az a kép tulajdonságait, és a blokk van írva ott.

Ma azt ígérte, hogy megmondja, hogyan tegye képek használata nélkül IMG tag. Egy nagyon gyakori módon -, hogy adjon meg egy kép blokkot háttérben. Ne nagyon bölcs, vegyük például a tegnapi és néhány saját remake. Távolítsuk el a címke IMG, és ahelyett, hogy a tartály stílusok felírni background-image: url (1.jpeg);

Ebben az esetben (anélkül, hogy további mozgások a részünkről) kép „Zamosc” minden rendelkezésre álló helyen.

Ahhoz, hogy távolítsa el a „kikövezve” használja az ingatlant háttér beállítások ismétlést.

Ha letiltja az ismétlődések, a kép lesz a bal felső sarokban. Mozgatni, van egy ingatlan background-position (ne felejtsük, az előző esetben, akkor nem használható!). Használatukkal egyszerűen:

Is megengedett, minden közbenső értéket, így a kép helyzete állítható egészen pontosan. Pontosabban kapunk, ha ehelyett azt jelzik százalék, például a távolság képpontban (bal felső sarok).

Most tegyük fel, hogy azt akarjuk, hogy nyúlik a kép, ez lehetséges, ha használja a háttérben? Természetesen. Az új tulajdonság (az CSS3) háttérkép méretű lehetővé teszi számunkra, hogy észre minden elképzeléseinket.

Pillanatképek nem eredményez, mert az eredmény ugyanúgy néz ki, mi van a segítségével a IMG tag.
Hogyan kell használni lehetőség - úgy dönt, ameddig csak megérteni, hogyan és mit akar csinálni.
Ha valami nem világos - kérdéseket feltenni a téma ... Ha elfelejtettem valamit, vagy futott túl felszínes - adja.
Köszönöm a figyelmet.

Ez a felhajtás)). Artesteer A programot és felhívni magad bármi, és ahogy akarod. Újabb verziók a program képes megtenni rajzolatát háromágyas népszerű CMS. Íme alatt Sticky képet kalapok én sablon nélkül a vaku használata (itt lehetetlen beilleszteni flash). Még a két nem

Itt csak az a legegyszerűbb képet, ennyi a sötét (Globe és a háló típus), ez a munka a program.

Lehet, hogy az igazi tengeri szempontjából grafikai tervezés, veszel egy egyszerű kép, és nem vele, amit (beleértve élek lekerekítése). Csak be regisztrációs gomb és a link gomb grafikusan is helyezze swf a kupakot, beillesztjük a képet a pincében, és nem igényel ismerete html