Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Фиксированное расстояние между строками 
:(
    Опции темы
Mikel
Дата 17.1.2006, 11:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 882
Регистрация: 30.3.2002
Где: Саратов

Репутация: нет
Всего: 2



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


--------------------
...so remember, it's better to burn out than to fade away
PM MAIL ICQ   Вверх
Guedda
Дата 17.1.2006, 11:50 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Подрывник
****


Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78



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


--------------------
Ll 2
PM MAIL WWW ICQ Skype GTalk   Вверх
Mikel
Дата 17.1.2006, 13:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 882
Регистрация: 30.3.2002
Где: Саратов

Репутация: нет
Всего: 2



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

Присоединённый файл ( Кол-во скачиваний: 20 )
Присоединённый файл  __________.JPG 2,80 Kb


--------------------
...so remember, it's better to burn out than to fade away
PM MAIL ICQ   Вверх
R.M.
Дата 18.1.2006, 01:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Код

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

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


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Mikel
Дата 13.3.2006, 10:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 882
Регистрация: 30.3.2002
Где: Саратов

Репутация: нет
Всего: 2



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


--------------------
...so remember, it's better to burn out than to fade away
PM MAIL ICQ   Вверх
R.M.
Дата 13.3.2006, 12:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



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

Код

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



--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
Mikel
Дата 13.3.2006, 22:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 882
Регистрация: 30.3.2002
Где: Саратов

Репутация: нет
Всего: 2



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

Надо так:

Строка 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



--------------------
...so remember, it's better to burn out than to fade away
PM MAIL ICQ   Вверх
Ciber SLasH
Дата 14.3.2006, 10:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Тут походу только позиционировать картинку через position: absolute, по-другому не получится или засовывать её в бэкграунд и позиционировать в нём.
PM   Вверх
Mikel
Дата 14.3.2006, 10:15 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 882
Регистрация: 30.3.2002
Где: Саратов

Репутация: нет
Всего: 2



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


--------------------
...so remember, it's better to burn out than to fade away
PM MAIL ICQ   Вверх
Ciber SLasH
Дата 14.3.2006, 16:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



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>


Это сообщение отредактировал(а) Ciber SLasH - 14.3.2006, 17:29
PM   Вверх
Mikel
Дата 16.3.2006, 10:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 882
Регистрация: 30.3.2002
Где: Саратов

Репутация: нет
Всего: 2



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


--------------------
...so remember, it's better to burn out than to fade away
PM MAIL ICQ   Вверх
Ciber SLasH
Дата 16.3.2006, 10:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67



Можно либо двигать эту картинку относительно всего окна (так будет сейчас), либо двигать относительно родительского элемента (тогда нужно разместить весь этот текст с картинкой в DIV-е и задать ему стиль position: relative), либо двигать через JS (можно и относительно самого себя).
PM   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0875 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.