Hogyan lehet behelyezni egy képet és a szöveget egy egységet

Ez a cikk nézd meg, hogyan kell beszúrni egy külön blokkot a szöveg és a képek, és tegyük őket a CSS

Vegye ki a HTML kódot tartalmi blokk.

Helyezze be, hogy egy bizonyos mennyiségű szöveget.

Voltak két bekezdést. Most nézzük meg, hogyan kell felhívni a képeket. Először is, meg egy képet az interneten, és ha a honlap még mindig a számítógépen, helyezze őket a képek mappában honlap könyvtár.

Ha a hely egy virtuális szerver, a képeket kell töltse be a megfelelő mappába a képeket.

Hely lesz három kép. Az egyik az elején lesz a központja, és a másik az első bekezdésben, hogy a bal oldalon, és egy harmadik, a második bekezdésben a jobb oldalon. Ez csak az Ön engedélyével, én viszem a zöld háttér blokk, mert nem találom a képet a háttérben.

Kiderült, ezen a módon.

Most, CSS tulajdonságokat, hogy osztja a képet a helyére.

Mint látható, a képek ömlesztve szöveggel adott CSS tulajdonság - úszó, és ez megköveteli a szöveget, hogy lezárja a kép körül, és tekerje körül egy adott kezét. És a tulajdonságok margin, padding meghatározza a szöveg a képet.

Én itt még egy piros vonal.

A következő oldalon nézzük meg a relatív helymeghatározás, és lesz még érdekesebb. És ez nem nehéz.

Nem mindig van kérdése? kérdez

Zenetanár Sasha:
- Figyelmeztetem, ha nem viselkedik megfelelően, elmondom a szüleidnek, hogy van tehetsége.

Nos, az öreg fel fogja emelni! Szia Sergey!
Sajnálom, hogy a hosszú hiányzik ..
Hadd kívánunk Boldog Új Évet! Kívánok
egészség, a jólét, a boldogság, a siker és az egész
Sok szerencsét! Ahhoz, hogy a blog és még kifejlesztett, a jó hír, és a diákok!
Nagy tisztelettel, Jack

Nem, ez nem helyes.
Ha a fejléc adott osztály, egy pont előtte, de a legvalószínűbb, hogy csak egy blokkot, majd tegye #header.
A background-image nem szükséges egészen, így meg kell:
background-image: URL (kép / wolf.png)
Háttérképet? szélessége és magassága nincsenek feltüntetve. Ők rögtön a megfelelő méretet, és ha a méret a kép kisebb, mint a blokk, akkor elkezd szaporodni alapból, ha több, akkor nem jelenik meg.
background-position - jobb
background-repeat: no-repeat: - meg kell adni egy tenyésztési tilalmat.

Ha a kód helyes, hogy helyezzen be egy képet egy kalap?

header background: # FFE4C4;
background-image: /www................../Themes/default/images(wolf.png);
magasság: 150px;
szélesség: 250 képpont;
background-position: top 0px Center;

Pontosan. Csak mintegy atachment mappák nem mondhatjuk biztosan, (nem tudom, a rendező a fórum). A blog egy képet a fejléc be van töltve a wp-content - témák - téma nevét - képek.
Ezután a stílusok előírt a következő tulajdonságot:
háttér: # f3ffff; / * Háttér, hasonlóan a háttérképet * /
background-image: url (images / s3.png); / * A kép a fejlécben * /
background-repeat: no-repeat; / * Tenyésztési tilalmat * /
background-position: top 0px Center; / * Szállás, akkor lehet kísérletezni értékek, rövid mozog fel és le * /
De még mindig. A kép csak a megfelelő méretet. Ha több, nem jelenik meg az ablakban.