<MyRusakov.ru />

Создание и раскрутка сайта от А до Я

Создание и раскрутка сайта от А до Я

Видеокурс "Создание и Раскрутка сайта от А до Я" - это 246 видеоуроков общей продолжительностью более 50-ти часов по теме создания, размещения в Интернете и раскрутке сайта.

В уроке рассмотрены следующие необходимые любому профессиональному Web-мастеру языки: HTML, CSS, JavaScript, PHP, SQL (с использованием MySQL) и XML.

Помимо этого в Видеокурсе рассматривается самая популярная система управления контентом - Joomla.

Также в Видеокурсе "Создание и Раскрутка сайта от А до Я" показывается весь процесс создания реального сайта - MyRusakov.ru. Затем демонстрируется его размещение в Интернете, а также последующая раскрутка. Всё это записывается, и Вам остаётся лишь просто повторить, чтобы стать владельцем своего собственного сайта!

И, наконец, почти к каждому уроку идут упражнения, которые позволяют закрепить полученные знания из урока уже на практике.

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

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

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

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

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

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

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

Таблица в Opera
20.05.2013 02:58:16 Таблица в Opera Сообщение #1
Дмитрий184

Дмитрий184

Мастер

Мастер

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

Сообщений: 225

Здравствуйте, Михаил!
Я создал таблицу, потом стал проверять как выглядит страница в разных браузерах - в браузерах IE, Firefox, Chrome таблица выглядит одинаково. А вот в браузере Opera неправильно отображается высота ячеек. Как я понимаю, высота ячейки складывается так - height + padding-top + padding-bottom Но в браузере Opera высота ячеек вычисляется иначе. Как можно исправить ситуацию, чтобы высота ячеек была одинаковой во всех браузерах? Вот пример кода.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>ТАБЛИЦА</title>
<style type="text/css">
table{
border: 1px solid #000;
}

td {
border: 1px solid #000;
width: 200px;
height: 70px;
padding: 30px 0 20px;
}
</style>
</head>
<body>
<table>
<tr>
<td>111</td>
<td>222</td>
</tr>
<tr>
<td>333</td>
<td>444</td>
</tr>
<tr>
<td>555</td>
<td>666</td>
</tr>
</table>
</body>
</html>
Профиль Ответить
20.05.2013 10:29:44 Таблица в Opera Сообщение #2
Admin

Admin

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

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

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

Сообщений: 3063

Либо отказаться от padding (используя лишь height), либо использовать хаки для opera.
Профиль Ответить
20.05.2013 22:20:17 Таблица в Opera Сообщение #3
Дмитрий184

Дмитрий184

Мастер

Мастер

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

Сообщений: 225

А не могли бы Вы показать на этом примере, как можно использовать хаки для Opera чтобы высота ячеек была такой же как в остальных браузерах. Я попробовал в Opera 11.61 но Opera вообще не реагирует на хак.
Профиль Ответить
20.05.2013 22:25:48 Таблица в Opera Сообщение #4
Admin

Admin

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

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

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

Сообщений: 3063

http://myrusakov.ru/css-haki-brauzerov.html
Профиль Ответить
20.05.2013 23:34:31 Таблица в Opera Сообщение #5
Дмитрий184

Дмитрий184

Мастер

Мастер

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

Сообщений: 225

Михаил! Посмотрите, пожалуйста, правильно ли я применил хак для Opera- у меня он не работает.

<style type="text/css">
table{
border: 1px solid #000;
}

td {
border: 1px solid #000;
width: 200px;
height: 70px;
padding: 30px 0 20px;
}

* |html[xmlns*=""] td {
height: 120px;
}
</style>
Профиль Ответить
21.05.2013 03:55:35 Таблица в Opera Сообщение #6
Admin

Admin

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

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

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

Сообщений: 3063

Лучше ими не пользоваться, от версии к версии они перестают работать. Поэтому здесь можете попробовать ещё задать высоту не ячейки, а строки, либо использовать только height, либо только padding.
Профиль Ответить
21.05.2013 06:19:44 Таблица в Opera Сообщение #7
Дмитрий184

Дмитрий184

Мастер

Мастер

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

Сообщений: 225

Большое спасибо! Теперь буду знать - хаки вещь не надежная, и на них не стоит рассчитывать.
К слову, я нашел такой выход - можно написать отдельный файл CSS для браузера Opera и подключить его с помощью скрипта. А можно ли файл CSS для Opera подключить не используя скрипт? Я в интернете видел такие способы, но они у меня не работали. А через скрипт файл CSS для Opera подключился нормально.
Профиль Ответить