Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Фиксированное расстояние между строками

Автор: Mikel 17.1.2006, 11:24

Можно ли сделать чтобы расстояние между строками не менялось при добавлении в строку IMG? Т.е. чтобы img накладывался на текст?

Автор: Guedda 17.1.2006, 11:50

Не понятен вопрос:
Если Вы хотите, чтобы текст располагался поверх картинки, то поставьте картинку в бэкграунд.
Можно также воспользоваться слоями.

Автор: Mikel 17.1.2006, 13:19

Он вставляется в текст, но так что может перекрывать верхние и нижние строки.
Добавлено @ 13:28
Вот как на прикрепленном файле картинка наезжает на текст

Автор: R.M. 18.1.2006, 01:46

Код


<div style='position: absolute; top: 20; left: 5; background-color: red; width: 50; height: 50;'></div>
текст текст
<br>
ещё текст ещё текст

это для наглядности, между <div></div> сунь картинку или в бэкграунд пропиши

Автор: Mikel 13.3.2006, 10:01

А если картинок 100 штук, каждой положение прописывать? А есть ещё способы?

Автор: R.M. 13.3.2006, 12:38

Mikel, создать класс

Код


<style>
.img {position: absolute; top: 20; left: 5; background-color: red; width: 50; height: 50;}
</style>
<div class='img'></div>
текст текст
<br>
ещё текст ещё текст

Автор: Mikel 13.3.2006, 22:17

Наверно я не правильно выразился.

Надо так:

Строка 1 Строка 1 Строка 1 Строка 1 Строка 1
Строка 2 smile

Строка 2 Строка 2 Строка 2 Строка 2
Строка 3 Строка 3 Строка 3 Строка 3 Строка 3

и чтобы смайлик не увеличивал расстояние между строками а накладывался на 1 и 3 строки, как будто его нет

Строка 1 Строка 1 Строка 1 Строка 1 Строка 1
Строка 2 Строка 2 Строка 2 Строка 2 Строка 2
Строка 3 Строка 3 Строка 3 Строка 3 Строка 3

Автор: Ciber SLasH 14.3.2006, 10:08

Тут походу только позиционировать картинку через position: absolute, по-другому не получится или засовывать её в бэкграунд и позиционировать в нём.

Автор: Mikel 14.3.2006, 10:15

А не сработает так- в текст вставить какой-нть элемент и задать ему идентификатор, а картинке задать например координаты того объекта?

Автор: Ciber SLasH 14.3.2006, 16:01

2Mikel:
Вот так сойдёт:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content='text/html; charset=windows-1251'>
<style type='text/css'>
img.ft {position: absolute}
</style>
</head>

<body>
1: text1 text2 text3 text4<br>
2: text1 text2<img class='ft' src='death.gif' width="33" height="65"> text3 text4<br>
3: text1 text2 text3 text4
</body>
</html>

Автор: Mikel 16.3.2006, 10:11

А можно его теперь как-нибудь поднять/опустить относительно позиции в которой он появляется?

Автор: Ciber SLasH 16.3.2006, 10:25

Можно либо двигать эту картинку относительно всего окна (так будет сейчас), либо двигать относительно родительского элемента (тогда нужно разместить весь этот текст с картинкой в DIV-е и задать ему стиль position: relative), либо двигать через JS (можно и относительно самого себя).