Как да вмъкнете картинка и текст в едно цяло

В тази статия ще разгледаме как да вмъкнете отделен блок от текст и снимки, и ги поставете с CSS

Вземете блок HTML съдържание код.

Поставете в нея определено количество текст.

Имаше две точки. Сега нека видим как да изготвят изображения. Първо трябва да намерите изображение в интернет, и ако сайтът е все още на компютъра си, да ги поставят в снимки папка, уеб сайт директория.

Ако сайтът е на виртуален сървър, изображенията трябва да го заредите в съответната папка изображения.

Място ще бъде три картини. Един в началото да се превърне в център, а другата в първия параграф на ляво, а на трето във втория параграф в дясно. Това е просто, с ваше разрешение, аз ще взема зелен фон блок, защото не мога да намеря изображение с фона.

Оказа се, по този начин.

Сега, CSS свойства, за да разпространяват снимката на мястото си.

Както можете да видите, изображенията са в насипно състояние текст е даден CSS имот - поплавък, и тя изисква текста, за да обгърне изображението и увийте около него с дадена ръка. И с маржа на имоти, пълнеж определя текста от изображението.

Аз съм тук с още един червена линия.

На следващата страница ще разгледаме до относителното разположение, и ще бъде още по-интересно. И това не е трудно.

Не все още имате въпроси? попитам

Музика учител Саша:
- Предупреждавам ви, ако не се държи както трябва, ще кажа на родителите си, че имате талант.

Е, старецът ще възкреси! Здравейте Сергей!
Съжаляваме, че дълго отсъства ..
Позволете ми да ви пожелая Честита Нова Година! Пожелавам ви
здраве, благоденствие, щастие, успех и на целия
На добър час! Към блог и по-развита, на добри новини, ученици!
С голямо уважение, Джак

Не, това не е вярно.
Ако заглавката определен клас, точка пред него, но най-вероятно това е просто един блок след това пуснати #header.
На фона-образ не е необходим по целия път, така че трябва да:
фон изображение: URL (снимки / wolf.png)
Изображение за фон? ширина и височина не са уточнени. Те веднага направи правилния размер, и ако размерът на изображението е по-малко от един блок, а след това започва да се размножава по подразбиране, и ако има повече, а след това не се показва.
фон-позиция - десен
фон-повторение: не-повторение: - трябва да добавите е забрана за разплод.

ако кодът е правилен, за да вмъкнете картинка в една шапка?

глава фон: # FFE4C4;
фон изображение: /www................../Themes/default/images(wolf.png);
височина: 150px;
ширина: 250px;
фон-позиция: най 0px център;

Точно така. Само около atachment папки няма да кажа със сигурност (не знам директорът на форума). От блога на снимка за заглавната част се зарежда в WP-съдържание - теми - Името на темата - изображения.
След това, в стиловете предписано следните имоти:
фон: # f3ffff; / * Предшестващо състояние, подобно на фоново изображение * на /
фон изображение: URL (снимки / s3.png); / * Картината в заглавието * /
фон-повторение: не-повторение; / * Отглеждане забрана * /
фон-позиция: най 0px център; / * Настаняване, а след това можете да експериментирате със стойности, по-кратък ход нагоре и надолу * /
Но все пак. Картината е само правото размер. Ако има повече, не може да се появи в прозореца.