Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как не используя абсолютное позиционнирование разместить текст над картинкой? / 5 сообщений из 5, страница 1 из 1
15.03.2007, 13:47
    #34393253
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как не используя абсолютное позиционнирование разместить текст над картинкой?
Читал что: Задание абсолютных позицый - дурной тон от мелкософта, теряешь часть возможностей автоматоматизации.
Скажите, а какой же кроссбраузерный способ использовать, если
я хочу разместить текст прямо над картинкой?

С абсолютным позиционированием у меня это выглядет так;
Код: plaintext
1.
2.
3.
<img src ="HiminesBookFon.gif" width ="600" height ="70">
 <h1 style=" position:absolute; top:30; left:30; font-size:30px; font-family:Comic Sans MS;color:#009900;">
 Введение
 </h1>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2007, 13:51
    #34393283
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как не используя абсолютное позиционнирование разместить текст над картинкой?
WEB_bobbyСкажите, а какой же кроссбраузерный способ использовать, если
я хочу разместить текст прямо над картинкой?
Поместить картинку в блок или ячейку таблицы как background и там позиционировать текст?
Если я не ошибаюсь, то такая или похожая тема уже поднималась на этом форуме...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2007, 14:19
    #34393414
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как не используя абсолютное позиционнирование разместить текст над картинкой?
Сделал вот так.
но вот почему помимо всей картинки тоненькая полоска левого края картинки торчит с правого края?
width ="600" указан точно.
Код: plaintext
1.
2.
3.
4.
<td background=HiminesBookFon.gif  width ="600" height ="70">
<h1 style=" position:absolute; top:30; left:30; font-size:30px; font-family:Comic Sans MS;color:#009900;">
 Введение
</h1>
</td>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2007, 14:30
    #34393471
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как не используя абсолютное позиционнирование разместить текст над картинкой?
А это не навредит если содержимое td распирает(формирует) его размер.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
15.03.2007, 15:19
    #34393705
WEB_bobby
WEB_bobby
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как не используя абсолютное позиционнирование разместить текст над картинкой?
Решение проблемы нашел.
background-repeat :no-repeat;--фон не повторяеться вообще.

Код: plaintext
А это не навредит если содержимое td распирает(формирует) его размер?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как не используя абсолютное позиционнирование разместить текст над картинкой? / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 372ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1458633]:
 0ms
get settings:
 10ms
get forum list:
 13ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 57ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 229ms
total:  372ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]