VPF::Как закрепить слой - Форум программистов

Djuicy

Дата 26.8.2006, 17:45 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

Репутация: 1
Всего: 14

Народ, есть вопрос:

есть таблица alighn'center. 1x1ячейка
в ячейке - картинка, некоторые части которой будут активными (гиперссылками).
а внутри таблицы нуна в определенных местах текст расставить.
все бы хорошо, но при разных размерах окна браузера, текст сползает...
как мне связать текст и картинку под ним но так, что б картинка не теряла своей активности (т.е. бэкграундом ее нельзя)

заранее благодарна за скорый ответ.
smile

Добавлено @ 17:49
Чуть не забыла....
Это все в html...

Оч нуна....
весь день smile

Illuminaty

Дата 26.8.2006, 19:30 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

у изображения статичный размер?

Illuminaty

Дата 26.8.2006, 19:52 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

Общий принцип:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style media="screen" type="text/css">
body, html {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    overflow: auto;
}
#imageMap {
    width: 400px;
    height: 400px;
    margin: 100px auto 0px auto;
    background-color: #CC9900;
    position: relative;
}
#imageMap img {
    width: 100%;
    height: 100%;
}
#imageMap .mapTitle {
    position: absolute;
    background-color:#FFCC99;
    font-size: 1em;
}
</style>
</head>
<body> 
<div id="imageMap"><img src="image.JPG" alt="Здесь будет карта" /> 
        <div class="mapTitle" style="left: 40px; top: 20px; ">Надпись 1</div> 
        <div class="mapTitle" style="left: 80px; top: 60px; ">Надпись 2</div> 
        <div class="mapTitle" style="left: 120px; top: 100px; ">Бла Бла Бла</div> 
        <div class="mapTitle" style="left: 100px; top: 200px; ">Бу Бу Бу</div> 
</div> 
</body>
</html>

Djuicy

Дата 26.8.2006, 20:42 (ссылка)

(нет голосов)

Загрузка ...

Новичок

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

Репутация: 1
Всего: 14

Спасибо большое - сейчас буду разбираться smile

Illuminaty

Дата 26.8.2006, 20:50 (ссылка)

(нет голосов)

Загрузка ...

/*Антон Захаров*/

Профиль
Группа: Комодератор
Сообщений: 1238
Регистрация: 19.3.2005
Где: Россия, Казань

Репутация: 25
Всего: 56

Пожалуйста. Заходи еще smile

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »