<MyRusakov.ru />

JavaScript, jQuery и Ajax с Нуля до Гуру

JavaScript, jQuery и Ajax с Нуля до Гуру

Видеокурс "JavaScript, jQuery и Ajax с Нуля до Гуру" научит Вас "вдыхать жизнь" в страницы, делая их с потрясающими эффектами и максимальным удобством для пользователя.

Курс научит Вас писать скрипты на JavaScript, а также обучит использованию библиотеки jQuery и технологии Ajax.

Практически любой красивый сайт (с красивыми галереями изображений, слайдерами, плавными переходами и так далее) использует jQuery. А практически на любом серьёзном сайте вовсю используется технология Ajax, которая делает работу с сайтом максимальной удобной.

Поэтому курс "JavaScript, jQuery и Ajax с Нуля до Гуру" Вам просто необходим, если Вы хотите создавать по-настоящему достойные сайты.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Фотография по центру страницы
01.10.2012 03:20:23 Фотография по центру страницы Сообщение #1
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Здравствуйте, Михаил!
Я пробовал поместить фотографию на страницу, чтобы фотография была всегда по центру страницы (по вертикали и по горизонтали) при любом масштабировании. С помощью таблицы я это сделал (задал высоту и ширину таблицы 100%). И заметил такую вещь, фотография находится по центру страницы только если я использую <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

А если использовать <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> то фотография не выравнивается по вертикали по середине.
Скажите, пожалуйста, почему так происходит. В обоих случаях код валидный.

Вот код, как я делал.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ПЕРВАЯ СТРАНИЦА</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
</head>
<body style="margin: 0">
<table style="width: 100%; height: 100%" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<img src="images/foto.jpg" alt="Фото" width="400" height="300">
</td>
</tr>
</table>
</body>
</html>
Профиль Ответить
01.10.2012 11:30:23 Фотография по центру страницы Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Потому что получается, что это разные вариации doctype, и браузер работает с ними по-разному.
Профиль Ответить
01.10.2012 21:25:34 Фотография по центру страницы Сообщение #3
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Спасибо!
Михаил! А Вы не подскажите, как можно выравнять фотографию по центру экрана, используя <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Профиль Ответить
02.10.2012 11:06:18 Фотография по центру страницы Сообщение #4
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Выравнивается через text-align: center;
А вот по вертикали можно только выровнять по центру внешнего блока, либо в таблице.
Профиль Ответить
03.10.2012 02:06:33 Фотография по центру страницы Сообщение #5
Дмитрий184

Дмитрий184

Мастер

Мастер

Дата регистрации:
29.06.2012 08:48:56

Сообщений: 225

Спасибо!
Профиль Ответить