Добре дошли в подравняването на изображения! Най-добрият начин да демонстрирате приливите и отливите на различните опции за позициониране на изображенията е да ги поставите уютно сред океан от думи. Вземете едно гребло и нека започнем.
По темата за подравняването трябва да се отбележи, че потребителите могат да избират от следните опции Няма, Вляво, Правилно, и Център. Освен това те могат да избират между Миниатюра, Среден, Голям & Пълноразмерен.
Изображението по-горе е центриран.
Останалата част от този параграф е пълнеж, за да се види как текстът се увива около изображението 150×150, което е подравнен наляво.
Както виждате, трябва да има малко пространство над, под и вдясно от изображението. Текстът не бива да навлиза в изображението. Пълзящият текст просто не е подходящ. Изображенията също се нуждаят от пространство за дишане. Оставете ги да говорят, както думите. Оставете ги да си вършат работата, без да им пречи текстът. След още около едно изречение тук ще видим, че текстът се движи от дясната страна на изображението надолу под изображението с плавен преход. Отново оставяме текста да си върши работата. Мисията е изпълнена!
А сега за масивно голямо изображение. Той също така има няма подравняване.
Изображението по-горе, макар и широко 1200px, не трябва да прелива през областта на съдържанието. То трябва да остане затворено, без да нарушава видимо потока на съдържанието.
А сега ще прехвърлим нещата към подравняване надясно. Отново трябва да има достатъчно място над, под и вляво от изображението. Само го погледнете там... Ей, човече! Начин да раздвижиш дясната си страна. Не ме интересува какво казва подравненото вляво изображение, изглеждаш страхотно. Не позволявайте на никого да ви каже друго.
Само след малко ще видите, че текстът започва да се увива под дясно подравненото изображение и се настанява добре. Все още трябва да има достатъчно място и всичко трябва да е добре подредено. Да... Точно така. Никога не е било толкова хубаво да си прав.
И тъкмо когато си помислихте, че сме приключили, ще ги направим отново и отново с надписи!
Погледнете 580×300, за да получите някои надпис любов.
Изображението по-горе е центриран. В надписа има и връзка, за да се види дали не прави нещо странно.
Малък надпис.
Останалата част от този параграф е пълнеж, за да се види как текстът се увива около изображението 150×150, което е подравнен наляво.
Както виждате, трябва да има малко пространство над, под и вдясно от изображението. Текстът не бива да навлиза в изображението. Пълзящият текст просто не е подходящ. Изображенията също се нуждаят от пространство за дишане. Оставете ги да говорят като думите. Оставете ги да си вършат работата, без да им пречи текстът. След още около едно изречение тук ще видим, че текстът се движи от дясната страна на изображението надолу под изображението с плавен преход. Отново оставяме текста да си върши работата. Мисията е изпълнена!
А сега за масивно голямо изображение. Той също така има няма подравняване.
Масивен коментар на изображението за вашите очи.
Изображението по-горе, макар и широко 1200px, не трябва да прелива през областта на съдържанието. То трябва да остане затворено, без да нарушава видимо потока на съдържанието.
Чувствам се добре да съм прав през цялото време.
А сега ще прехвърлим нещата към подравняване надясно. Отново трябва да има достатъчно място над, под и вляво от изображението. Само го погледнете там... Ей, човече! Начин да раздвижиш дясната си страна. Не ме интересува какво казва подравненото вляво изображение, изглеждаш страхотно. Не позволявайте на никого да ви каже друго.
Само след малко ще видите, че текстът започва да се увива под дясно подравненото изображение и се настанява добре. Все още трябва да има достатъчно място и всичко трябва да е добре подредено. Да... Точно така. Никога не е било толкова хубаво да си прав.
И това е край, йоу! Оцеляхте в бурните води на изравняването. Постижението за изравняване на изображения е отключено!
Последни коментари