Перед человеком, размещающим картинку на веб-странице, нередко встает такая задача: есть картинка, есть обтекающий ее текст, требуется, чтобы возле картинки стоял только нужный фрагмент текста (абзац или несколько), а все, что следует за этим фрагментом, располагалось уже под картинкой, как нечто напрямую к ней не относящееся.
Сделать это не так уж легко по той простой причине, что размеры картинки-то мы более или менее зафиксировали, а вот размеры шрифта в браузере пользователя могут меняться непредсказуемым образом, в зависимости от разрешения экрана и выбранного шрифта. У одного очень крупный шрифт, и тогда наш фрагмент целиком обтекает картинку, продолжение автоматически оказывается ниже. У другого, наоборот, шрифт мелкий, и тогда не только нужный абзац, но и несколько следующих стоят возле картинки. Как это дело побороть? Необходимо пройти медосмотр? Узнайте автосервис цены.
Ну, во-первых, можно поставить картинку и текст в таблицу. Скажем, в левую ячейку таблицы ставится картинка, в правую - сопроводительный текст. А весь последующий текст пойдет за таблицей. Про таблицы мы еще будем с вами говорить, вы увидите, что способ этот довольно громоздкий. Но кроме «во-первых», есть еще «во-вторых»! У тегов BR (строка) и Р (абзац) есть особый атрибут CLEAR (освободить), о котором я вам раньше не говорил, потому что время не приспело. Теперь приспело: поставив в конце нужного нам текстового фрагмента: BR CLEAR=all или Р CLEAR=all>\, мы тем самым объясняем браузеру, что следующая строка или абзац освобождаются от обязательства обтекать картинку. И должны стоять уже под ней.
|
Главная
Каталог файлов
