Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как footer div привязать к нижней части таблицы? 
:(
    Опции темы
hishnik
Дата 1.12.2011, 11:52 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Добрый день. Подскажите пожалуйста, как и какими средствами можно привязать слой div к нижней части таблицы другого слоя? И еще один вопрос, который меня уже замучил: вместо русского текста у меня постоянно иероглифы, как с этим бороться?
Заранее благодарен...
PM MAIL   Вверх
$дмитрий
Дата 1.12.2011, 14:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

Репутация: 5
Всего: 45



Цитата

Подскажите пожалуйста, как и какими средствами можно привязать слой div к нижней части таблицы другого слоя?

Зависит от конкретной верстки

Цитата

вместо русского текста у меня постоянно иероглифы

1. В файле .htaccess пропиши AddDefaultCharset UTF-8
2. Все файлы должны быть в сохранены в UTF-8
PM MAIL   Вверх
hishnik
Дата 1.12.2011, 21:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



верстка блочная.
Дмитрий, разъясните пожалуйста пункт 2.
Я работаю в Дрим Вьювере, не понял как файлы сохранять в UTF-8.
А вот css попробую отредактировать.

Про мою верстку, я все слои добавил в тело, страница статическая.

.r_table { position: absolute; top: 1%; left: 1%; background-color: transparent; }
.r_logo { position: absolute; top: 1%; left: 1%; }
.r_footer { position: absolute; top: 70%; left: 2%; }

левый верхний угол позиционируется нормально, отсчет идет от верхнего левого угла браузера.
А вот нижний футер должен быть в нижней части таблицы и поверх нее, если просматривать страничку на малой диагонали, то футерка заползает наверх, если уменьшить масштаб страницы или открыть страницу с большим разрешением, то футерка уезжает в низ далеко от таблицы, короче не порядок получается. Хочу чтобы футерка была всегда четко чуть выше нижней границы таблицы.

Вот так вот у меня получается )))

С нетерпением жду Ваших советов.
PM MAIL   Вверх
hishnik
Дата 1.12.2011, 23:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Покажите пожалуйста, как можно по нажатию на кнопку на веб страничке переопределить z-индексы определенной группы div элементов.
Идея такая, что есть 2 статических div слоя - левый и нижний, c правой стороны будет несколько слоев находящихся один над другим, отображаться будет тот div z-индекс которого будет максимальным. Таким образом щелкая на разные кнопки меню с левой стороны справа должен оказываться div соответствующий выбранному меню. Как это реализовать? Приведите пожалуйста пример скрипта с двумя кнопками,  и  двумя слоями. Интересно Ваше мнение, к такому варианту создания сайта. Просто не хочу в гамаке оказаться.
Жду и еще раз жду  smile 
PM MAIL   Вверх
$дмитрий
Дата 2.12.2011, 02:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

Репутация: 5
Всего: 45



Цитата

Я работаю в Дрим Вьювере, не понял как файлы сохранять в UTF-8

Modify->Page Properties->Title Encoding там выбираешь utf-8

Цитата

Покажите пожалуйста, как можно по нажатию на кнопку на веб страничке переопределить z-индексы определенной группы div элементов

Код

$('#group div').click(function(){
    $(this).css('z-index', 10);
});

PM MAIL   Вверх
hishnik
Дата 6.12.2011, 10:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Здравствуйте Дмитрий.
Подскажите пожалуйста, можно ли из jpg-а сделать кнопку?
Я добавил функцию в тело которой добавил Ваш код. Но z-index-и остались неизменными.
Скорее всего я что-то не так сделал.
Как правильно создать обработчик события кнопки?
Как указать в каком css файле изменить z-index, если их несколько?
 smile заранее спасибо  smile 
PM MAIL   Вверх
$дмитрий
Дата 6.12.2011, 14:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

Репутация: 5
Всего: 45



Цитата

можно ли из jpg-а сделать кнопку

Можно, есть несколько вариантов. Один из них, повесить на картинку событие onclick
Код

$('img').click(function(){
    alert('Я кнопка');
});
 

Цитата

Я добавил функцию в тело которой добавил Ваш код. Но z-index-и остались неизменными.
Скорее всего я что-то не так сделал.
Как указать в каком css файле изменить z-index, если их несколько?

В браузере Firefox есть замечательное дополнение, называется firebug. Который позволит, в реальном времени, увидеть текущий z-index элемента
PM MAIL   Вверх
hishnik
Дата 6.12.2011, 22:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Дмитрий, как сделать из jpg-а кнопку, я разобрался.
Получилось так:
<input type="image" onclick="Change_zindex()" src="mail.gif">
По нажатию на кнопку, z-index меняется только в кэше.
А вот физически файл style.css не перезаписывается.
Просто если человек обновит страницу браузера, то верхним окажется тот слой который прописан в css, чего не хотелось бы.
И Вы так и не показали как будет выглядеть синтаксис если у меня есть 2 разных css файла, или если в них разные id элементы, то в обработчике событий достаточно указать нужный id?
И еще поясните пожалуйста как можно то же самое реализовать в Вашем синтексе, он похож на php, хотя в javascript переменные тоже начинаются с символа $.
 
Вот как выглядит функция Change_zindex()

<script type="text/javascript">
function Change_zindex(){

var myElement = document.getElementById("gold_box");
myElement.style.position = "relative";
myElement.style.zIndex = "1";

}
</script>

есть еще файл style.css  вот его содержимое:
#grey_box {
width: 200px;
height: 200px;
border: solid 1px #ccc;
background: #ddd;
position: relative;
z-index: 3;
}
 
#blue_box {
width: 200px;
height: 200px;
border: solid 1px #4a7497;
background: #8daac3;
margin-left: 10px;
margin-top: -30px;
position: relative;
z-index: 2;
}
 
#gold_box {
width: 200px;
height: 200px;
border: solid 1px #8b6125;
background: #ba945d;
margin-left: 20px;
margin-top: -40px;

position: relative;
z-index: 1;
}
PM MAIL   Вверх
kin
Дата 7.12.2011, 21:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


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

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



Цитата(hishnik @  6.12.2011,  22:09 Найти цитируемый пост)
А вот физически файл style.css не перезаписывается.
Ага! И как Вы себе это представляете; пользователь, нажимая кнопку на странице, изменяет файлы на вашем Web-сервере...
Цитата(hishnik @  6.12.2011,  22:09 Найти цитируемый пост)
Просто если человек обновит страницу браузера, то верхним окажется тот слой который прописан в css, чего не хотелось бы.
 Вы не очень хорошо представляете особенности http-протокола вообще, и DHTML в частности..., а так же,  как оно работает... отсюда и вопросы


Это сообщение отредактировал(а) kin - 7.12.2011, 21:53
PM MAIL   Вверх
hishnik
Дата 8.12.2011, 10:04 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

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



Я опираюсь на факты, то что я пробовал.
Реализовать веб-сайт можно по разному, я выбрал распространенную блочную верстку.
Нажатием на кнопку не навредишь, только если злоумышленники не появятся. В целом, согласен, на сервере давать пользователю что-то менять не стоит. 
Цитата

 Вы не очень хорошо представляете особенности http-протокола вообще, и DHTML в частности..., а так же,  как оно работает... отсюда и вопросы
 Я просто не правильно понял природу языка javascript, думал в нем есть такая возможность. Я так понимаю, что его возможности ограничиваются возможностью протоколов http.?
Если я не прав в чем-то скажите об этом.
Критиковать каждый горазд, Вы лучше советом помогите.  smile 

PM MAIL   Вверх
$дмитрий
Дата 8.12.2011, 10:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


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

Репутация: 5
Всего: 45



Цитата

По нажатию на кнопку, z-index меняется только в кэше

Используй cookie
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




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


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

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