Како направити слике које су поравнате удесно на веб страници

Лого

Помоћу ЦСС флоат својства, можете „лебдети“ било којом сликом тако да остане на једној страни, а текст се креће око ње. Да бисте то урадили на својој веб страници, следите кораке у наставку.

Направите слику поравнату удесно

У нашем доњем примеру користимо спољну ЦСС датотеку. Помоћу спољне ЦСС датотеке можете да креирате плутајућу слику на било којој страници која садржи везу до ЦСС датотеке. Спољне ЦСС датотеке такође олакшавају промену било којих подешавања која бисте можда желели да прилагодите у будућности.



како покренути режим компатибилности
  1. Направите ЦСС датотеку или уредите постојећу ЦСС датотеку.
  2. Додајте следећи код у ЦСС датотеку.
.floatRight{float:right;margin-left:20px}
Савет

Додавање лебди: лево учинио би да слика лебди на левој страни текста.

како пребацити прозоре помоћу тастатуре

Ако желите да више слика плута с десне стране, додајте и следећи ред у ЦСС датотеку.

.floatRightClear{float:right;clear:right;margin-left:20px}
  1. Након додавања горњег кода, сачувајте ЦСС датотеку и позовите је са сваке ХТМЛ странице помоћу кода сличног примеру у наставку. У нашем примеру смо назвали ЦСС датотеку стиле.цсс.
  1. Додати цласс = 'флоатРигхт' на било коју слику коју желите да лебдите на десној страни контејнера.