Фотографии Донецк, Киев, Москва
...
 
 

FAQ html, css, java-script, ssi

 

margin и padding

margin - это расстояние от внутренней границы внешнего элемента (например, окна, ячейки, дива...) до внешней границы внутреннего элемента.

padding - это расстояние от внутренней границы элемента до содержимого.

  margin  
  padding  
    text text text text    
       
       

Синтакис:

тег {
  margin-top: значение;
  margin-bottom: значение;
  margin-left: значение;
  margin-right: значение;

  padding-top: значение;
  padding-bottom: значение;
  padding-left: значение;
  padding-right: значение; }

Значение - число в px, %, em

Как разместить рисунок слева от текста без таблицы

Принцип: помещаем в div картинку с align="left" и текст с отступом от левого края шириной в размер картинки плюс еще некоторое расстояние на «просвет»:

<div>
	<p><img ... align="left"></p>
	<p style="padding-left:60px">Bla bla ...</p>
</div>

Результат:

1

С точки зpения банальной эpyдиции каждый индивидyyм, кpитически мотивиpyющий абстpакцию, не может игноpиpовать кpитеpии yтопического сyбьективизма, концептyально интеpпpетиpyя общепpинятые дефанизиpyющие поляpизатоpы, поэтомy консенсyс, достигнyтый диалектической матеpиальной классификацией всеобщих мотиваций в паpадогматических связях пpедикатов, pешает пpоблемy yсовеpшенствования фоpмиpyющих геотpансплантационных квазипyзлистатов всех кинетически коpеллиpyющих аспектов.

 

1

Увеличить этот базис можно с помощью гектаплазменного yскоpителя биоинеpтных коллоидных клеток контагиозной конкpетизации, однако введение конкpетизации влечет за собой пpименение методов теоpии множеств и дистpибyтивного анализа, что обyсловлено тем, что тpансцендентальная поликонденсация неpоноспоpы в пеpплексном хаосе может инбабyлиpовать комплексный моpфоз только тогда, когда конститyент доминанты квазитенденциально yнивеpсален, и пpоисходит довольно внезапно.

 

Если текстовки меньше, чем высота картинки, то, в случае нескольких подобных лент, чтобы они не «налазили» друг на друга, - играемся со свойством clear:

<div>
	<p><img ... align="left"></p>
	<p style="padding-left:60px">Bla bla ...</p>
</div>

<hr style="clear:both">

<div>
	<p><img ... align="left"></p>
	<p style="padding-left:60px">Bla bla ...</p>
</div>

Результат:

1

С точки зpения банальной эpyдиции каждый индивидyyм...

 
 

1

Увеличить этот базис можно с помощью гектаплазменного yскоpителя...

 
 

 

...

Немного о Донецке

Донецк. Каким ты был и каким стал
Фотографии Донецка: каким город был и каков он сейчас
 
Донецк. Скифская аллея
Скифская аллея
бульвар Пушкина, Донецк
 
Есть вопрос? Задайте!
  • ...
 
 
 
 
Стикер
...