Шрек Третий

[alexchmel]

Третий по порядку, но, как говорится, не по значению. На мой взгляд, эта часть лучше второй. И смешней, и интересней.

IMDb: Shrek the Third (2007)
Shrek the Third - Shrek 3 - Official Site

Comments

[oio-oio.livejournal.com]

говорят их десять будет! Мы уже будем дряхлыми старичками...
злостный оффтоп:
как делают обтекание картинки? я «чайник» без носика

Обтекание

[alexchmel.livejournal.com]

Ты знакома с HTML? CSS? Напишу код с коротким комментарием, а ты скажи, что непонятно.

=== Начало кода ===

<div style="float:left;margin:10px;">
<img src="адрес_картинки">
</div>

=== Конец кода ===

Примечания:
- Кроме тех двух пробелов, что у меня есть, других лучше не ставить, во всяком случае внутри параметров style="...".
- Можешь менять параметр left на right и изменять поле с 10 пикселов на любое другое.
- Весь код можно писать хоть в одну строку, хоть каждую букву с новой строки, здесь разбиение на стрОки не имеет значения и делается только для удобства чтения/записи самого кода.
- Если убрать параметр float, блок div будет выглядеть просто как отдельный абзац.
- Свой текст начинай писать сразу после закрывающего тега </div> или с новой строки, избегая лишних пробелов.
- Внутрь тегов <div>...</div> можно поместить что угодно: текст, картинку, таблицу, другие div...


PS. Я тут как-то разродился специальным "экспресс-уроком HTML и CSS для верстальщиков". Ссылки сразу под рекламным блоком.

Re: Обтекание

[oio-oio.livejournal.com]

спасибо большое :) html потихоньку разбираю по жж, я ж проЖЖеный полиграфист... Вот сейчас попробую, что выйдет. Кажется все работает, постараюсь запомнить!
Вроде все понятно, единственное, почему точка с запятой после "10px"? За ссылку отдельное спасибо! Просто целый учебник!

Re: Обтекание

[alexchmel.livejournal.com]

DIV №1

Пока не за что. Скажешь спасибо, если уроки действительно помогут. Мне будет приятно. Критика тоже принимается, хотя и не уверен, что буду там что-то переписывать, разве что подправлю.

DIV №2
DIV №2
DIV №2
DIV №2
DIV №2
DIV №2

Точка с запятой в самом конце не обязательна, ты права. Но никому не мешает. Она служит разделителем при перечислении свойств CSS в параметре style="", и случайное отсутствие её в одном месте может доставить массу хлопот: обыщешься. Поэтому надо просто приучить себя ставить её после каждого пункта, как мы ставим точку в конце предложения.

Кстати, я ошибся, когда сказал, что HTML-код можно писать, произвольно разбивая на строки. Это верно, но для "чистого" HTML, а здесь-то мы отдаём написанное движку ЖЖ, и тот перед размещением обрабатывает текст по-своему. В частности, автоматически заменяет наши нажатия Enter на тег разрыва строки <br>. И если разбить наш с тобой <div> на несколько строк, то в результате появляются лишние пустые строки. Так что меняю указание: по-возможности писать код без принудительного разбиения на строки, даже если набор выглядит при этом немного уродливо.

----------
А вот так можно более гибко задавать поля обтекаемого объекта (цвет фона я задал, просто чтобы видеть границы div):
<div style="float:left;margin:0px 10px 10px 0px;background-color:lightyellow;">СОДЕРЖИМОЕ</div>
То есть перечисляю все четыре поля. Первым всегда идёт верхнее, далее по часовой. В данном случае я убрал верхнее поле и левое.

Ну ладно, чё-то я увлёкся )))

Re: Обтекание

[oio-oio.livejournal.com]

обязательно помогут!
извиняюсь, что я опыты прямо тут...

ффух, жарко! устала даже тупо копировать

но это все очень любопытно, буду учиться :)

Re: Обтекание

[alexchmel.livejournal.com]

К-хе, да, лучше уж в Блокноте. ;) Создаёшь текстовый файлик, меняешь расширение на html и редактируешь в Блокноте. Параллельно открываешь его в браузере и после редактирования+сохранения жмёшь F5.

Есть текстовые редакторы (их море), которые подсвечивают код, что облегчает работу. Из платных самый классный, на мой взгляд — UltraEdit. Из бесплатных можно попробовать... ну, например, NotePad++.