VPF::отображение таблиц - Форум программистов

DezmASter

Дата 4.5.2006, 19:29 (ссылка)

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

Загрузка ...

Дизайнер :)

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

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

пожалуйста гляньте сюда

сначала с Оперы, потом с ИЕ

видите разницу? подскажите как оформить таблицы в опере что бы отображалось так же как при просмотре в ИЕ

--------------------

О юзабилити веб интерфейсов.

EDuard

Дата 4.5.2006, 21:21 (ссылка)

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

Загрузка ...

Опытный

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

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

Вместо

Код


<table border="1" width="100%" id="table2" cellspacing="0" cellpadding="0" bordercolorlight="#FFDF00" bordercolordark="#FFFFFF">

оставляешь

Код


<table id="table2" cellspacing="0" cellpadding="0">

а в цсс дописываешь

Код


#table1 {
border: 1px solid #FFDF00;
width: 100%;
}

и так для каждой.
кстати там где двойная рамка конструкция можно упростить используя в цсс

Код


border: 3px double цвет

--------------------

DezmASter

Дата 5.5.2006, 00:15 (ссылка)

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

Загрузка ...

Дизайнер :)

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

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

там специально сделано. Дело не в ширине. Спасибо за помощь... +

--------------------

О юзабилити веб интерфейсов.

DezmASter

Дата 5.5.2006, 11:09 (ссылка)

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

Загрузка ...

Дизайнер :)

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

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

Сделал все как ты сказал. Вставил код в css, изменил строчку, но в Опере по прежнему неправильно отображаеться. Может я что то не так делаю?

--------------------

О юзабилити веб интерфейсов.

Illuminaty

Дата 5.5.2006, 12:02 (ссылка)

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

Загрузка ...

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

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

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

Привожу пример того, как это можно сделать на примере верхней таблицы.
На странице отображаются таблицы "новая" и "старая".

Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Услуги</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
.tableindiv {
    border-style:solid;
    border-width: 1px;
    border-left-color:#FFFFFF;
    border-top-color:#FFFFFF;
    border-bottom-color:#36B3F5;
    border-right-color:#36B3F5;
}
.divouttable {
    border-style:solid;
    border-width: 2px;
    border-left-color:#36B3F5;
    border-top-color:#36B3F5;
    border-bottom-color:#FFFFFF;
    border-right-color:#FFFFFF;
}

</style>
</head>
<body style="background-color:#6666CC "> 
<div class="divouttable"> 
  <table class="tableindiv" cellpadding="0" cellspacing="0" width="100%"> 
    <tbody> 
      <tr> 
        <td style="background-image:url(zal.gif); background-repeat:repeat; height: 100px"><img alt="[Image]" src="logo.gif" align="right" border="0" height="100" width="400"><img alt="[Image]" src="lala.gif" border="0" height="100" width="216"></td> 
      </tr> 
    </tbody> 
  </table> 
</div> 
<br> 
<br> 
<table bordercolorlight="#36B3F5" bordercolordark="#FFFFFF" border="2" cellpadding="0" cellspacing="0" width="100%"> 
  <tbody> 
    <tr> 
      <td background="zal.gif" height="100"> <img alt="[Image]" src="logo.gif" align="right" border="0" height="100" width="400"><img alt="[Image]" src="lala.gif" border="0" height="100" width="216"></td> 
    </tr> 
  </tbody> 
</table> 
</body>
</html>

EDuard

Дата 5.5.2006, 14:03 (ссылка)

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

Загрузка ...

Опытный

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

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

DezmASter, какая версия оперы?
в 8 опере проверил все как в ие.

--------------------

Illuminaty

Дата 5.5.2006, 14:08 (ссылка)

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

Загрузка ...

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

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

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

Opera не понимает

Код

bordercolorlight="#36B3F5" bordercolordark="#FFFFFF"

Поэтому отображение границ в ней и FF не такое, как запланировал автор.

DezmASter

Дата 5.5.2006, 14:11 (ссылка)

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

Загрузка ...

Дизайнер :)

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

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

Illuminaty, ! Большое спасибо! Этот способ помог. Т.е. первый код стиля ко всем таблицам забить, да?

Добавлено @ 14:12

Цитата

какая версия оперы?

8.5

Цитата

Поэтому отображение границ в ней и FF не такое, как запланировал автор

спаибо, твой способ помог smile

--------------------

О юзабилити веб интерфейсов.

Illuminaty

Дата 5.5.2006, 15:49 (ссылка)

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

Загрузка ...

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

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

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

И проверь свой код валидатором - будет повод подумать smile

Удачи!

Это сообщение отредактировал(а) Illuminaty - 5.5.2006, 15:49

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