-ѕодписка по e-mail

 

 -ѕоиск по дневнику

ѕоиск сообщений в ≈лена_ќриас

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 24.01.2008
«аписей: 1509
 омментариев: 36687
Ќаписано: 61749

 омментарии (62)

¬ставка картинок в разные места текста

ƒневник

ѕ€тница, 04 ћа€ 2012 г. 13:06 + в цитатник
¬ообще-то с функцией ориентации картинки прекрасно справл€ютс€ настройки Ћи–у.
 од картинки Ћи–у пишет без нашей помощи, за что ему большое спасибо.
¬от он виден, в строке Ђќбзорї на той странице где только что написан но еще не опубликован текст.
 оманда где разместить картинку (560x225, 5Kb)
ћне осталось только выбрать на какой бок статьи вставить картинку. я выбрала —Ћ≈¬ј, ткнула мышкой. ¬ чекбоксе по€вилась точка, значит, команда будет выполнена. ќстаетс€ только нажать на кнопку Ђ—охранитьї.
» картинка сразу умчалась в левый верхний угол моего текста. ¬ тексте картинка слева вверху. (270x290, 35Kb) ¬от так это выгл€дит.

ќстальные картинки € загон€ю обычно без выравнивани€, и они станов€тс€ под текстом. ѕотом разберусь куда какую вставл€ть и сама введу нужную команду.
” мен€ шпаргалка дл€ этих "выравниваний":
align=left
align=right
ѕо-английски "right" значит "справа", а "left" - "слева".
«начит, если в коде картинки стереть слово "left" и вместо него вставить "right", то картинка послушаетс€ и опубликуетс€ справа от текста.
Ќо вот мне показалось что в данном случае картинка на самом верху страницы выгл€дит невкусно. ѕусть она стоит поближе к концу текста. ƒл€ этого € жму на Ђ–едактироватьї, и открываетс€ изнанка моего поста. ƒл€ вас € тут фиолетовым цветом выделила код картинки, и даже кусочек текста неча€нно попал..  ак видите, в коде проставлено align="left", то есть Ђвыравнивание слеваї.
 од картинки на изнанке поста (634x144, 7Kb)
 од картинки € выделила и вырезала, и переставила ближе к концу текста.
€понские карликовые петушки (240x204, 123Kb)—лова, которые оказались непосредственно после кода, будут после публикации сбоку от картинки.

ћало того что картинки можно гон€ть то влево то вправо, так еще и можно задать им рассто€ние до текста. ≈сли хочетс€ чтобы текст сто€л подальше от картинки, ну, чтобы воздуха было больше, то можно задать и рассто€ние.

ѕишу hspace= и число пикселов, на которое текст должен отступить от картинки. ≈сли 5, то это очень близко, почти вплотную. ј если 20 (самое излюбленное вебмастерами рассто€ние), то картинка будет сто€ть в просторе.

” мен€ даже всегда под рукой шпаргалка по таким "просторным" вставкам в код картинки:
align=left hspace=20
align=right hspace=20
 огда € самосто€тельно проставл€ю ориентацию картинки справа или слева, то пишу ее в самом конце кода, перед закрывающим слэшем с угловой скобочкой. Ёт чтобы не возитьс€ с разыскиванием места куда вставить ;)
вставка выравнивани€ перед закрывающим слэшем (583x105, 4Kb)
¬от так картинки и вставл€ютс€ - только и знаешь что переставл€ешь код картинки туда-сюда, да еще и без конца мен€ешь в коде "left" (слева) на "right", и наоборот, пока не найдешь нужный вариант.
ѕри таких перестановках убеждаешьс€, что картинки нужны именно маленькие. ѕотому что большие наезжают друг на друга, вс€ верстка ломаетс€ и не смотритс€.
Ќу а как уменьшать картинки € писала в посте ѕодготовка картинок дл€ вставки в текст.
ƒа, и, кто не знает вообще как вставл€ть картинки, гл€ньте Ђ* ак вставить картинку - урок дл€ новенькихї.
–убрики:  ¬озн€ с компьютером
 ак подтвердить что €вл€ешьс€ владельцем блога
 ак читать плоховидимый текст
”бираем текст под кат
 ак вставить картинку - урок дл€ новеньких
 ак сделать скрин
 ак запретить комментарии груби€нам
ƒа извин€т мен€ опытные блоггеры

ћетки:  

 —траницы: [1]