Как footer div привязать к нижней части таблицы?

 
0
 
JavaScript
Kommentare (11)
ava
hishnik | 01.12.2011, 11:52 #
Добрый день. Подскажите пожалуйста, как и какими средствами можно привязать слой div к нижней части таблицы другого слоя? И еще один вопрос, который меня уже замучил: вместо русского текста у меня постоянно иероглифы, как с этим бороться?
Заранее благодарен...
ava
$дмитрий | 01.12.2011, 14:46 #
Цитата


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


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

Цитата


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


1. В файле .htaccess пропиши AddDefaultCharset UTF-8
2. Все файлы должны быть в сохранены в UTF-8
ava
hishnik | 01.12.2011, 21:54 #
верстка блочная.
Дмитрий, разъясните пожалуйста пункт 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%; }

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

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

С нетерпением жду Ваших советов.
ava
hishnik | 01.12.2011, 23:03 #
Покажите пожалуйста, как можно по нажатию на кнопку на веб страничке переопределить z-индексы определенной группы div элементов.
Идея такая, что есть 2 статических div слоя - левый и нижний, c правой стороны будет несколько слоев находящихся один над другим, отображаться будет тот div z-индекс которого будет максимальным. Таким образом щелкая на разные кнопки меню с левой стороны справа должен оказываться div соответствующий выбранному меню. Как это реализовать? Приведите пожалуйста пример скрипта с двумя кнопками, и двумя слоями. Интересно Ваше мнение, к такому варианту создания сайта. Просто не хочу в гамаке оказаться.
Жду и еще раз жду smile3
ava
$дмитрий | 02.12.2011, 02:22 #
Цитата


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


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

Цитата


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



$('#group div').click(function(){
$(this).css('z-index', 10);
});
ava
hishnik | 06.12.2011, 10:24 #
Здравствуйте Дмитрий.
Подскажите пожалуйста, можно ли из jpg-а сделать кнопку?
Я добавил функцию в тело которой добавил Ваш код. Но z-index-и остались неизменными.
Скорее всего я что-то не так сделал.
Как правильно создать обработчик события кнопки?
Как указать в каком css файле изменить z-index, если их несколько?
smile заранее спасибо smile
ava
$дмитрий | 06.12.2011, 14:16 #
Цитата


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


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

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


Цитата


Я добавил функцию в тело которой добавил Ваш код. Но z-index-и остались неизменными.

Скорее всего я что-то не так сделал.

Как указать в каком css файле изменить z-index, если их несколько?


В браузере Firefox есть замечательное дополнение, называется firebug. Который позволит, в реальном времени, увидеть текущий z-index элемента
ava
hishnik | 06.12.2011, 22:09 #
Дмитрий, как сделать из 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;
}
ava
kin | 07.12.2011, 21:51 #
Цитата (hishnik @ 6.12.2011, 22:09 findReferencedText)
А вот физически файл style.css не перезаписывается.
Ага! И как Вы себе это представляете; пользователь, нажимая кнопку на странице, изменяет файлы на вашем Web-сервере...
Цитата (hishnik @ 6.12.2011, 22:09 findReferencedText)
Просто если человек обновит страницу браузера, то верхним окажется тот слой который прописан в css, чего не хотелось бы.
Вы не очень хорошо представляете особенности http-протокола вообще, и DHTML в частности..., а так же, как оно работает... отсюда и вопросы
ava
hishnik | 08.12.2011, 10:04 #
Я опираюсь на факты, то что я пробовал.
Реализовать веб-сайт можно по разному, я выбрал распространенную блочную верстку.
Нажатием на кнопку не навредишь, только если злоумышленники не появятся. В целом, согласен, на сервере давать пользователю что-то менять не стоит.
Цитата

  Вы не очень хорошо представляете особенности http-протокола вообще, и DHTML в частности..., а так же, как оно работает... отсюда и вопросы

Я просто не правильно понял природу языка javascript, думал в нем есть такая возможность. Я так понимаю, что его возможности ограничиваются возможностью протоколов http.?
Если я не прав в чем-то скажите об этом.
Критиковать каждый горазд, Вы лучше советом помогите. smile
ava
&#036;дмитрий | 08.12.2011, 10:12 #
Цитата


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


Используй cookie
Registrieren Sie sich oder melden Sie sich an, um schreiben zu können.
Unternehmen des Tages
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Mitwirkende
advanced
Absenden