VPF::ТЭГИ в Opera - нужна помощь - Форум программистов

uncle_fedor

Дата 2.12.2007, 18:42 (ссылка)

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

Загрузка ...

Новичок

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

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

Opera не воспринимает тэг valign... надо дать параметр top, а она ни как...
у меня стоит
Версия
9.24
Сборка
8816
Платформа
Win32
Система
Windows XP
Java
Sun Java Runtime Environment version 1.6
XHTML+голос
Плагин не загружен

На FF и IE все нормально...

Slyfox

Дата 3.12.2007, 08:57 (ссылка)

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

Загрузка ...

Шустрый

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

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

Такого тега нет. Это вроде называется параметр тега. Так тяжело сразу сказать.
Покажите код.
А то даже не понятно про какой тег идет даже речь - код в студию.

Это сообщение отредактировал(а) Slyfox - 3.12.2007, 08:59

uncle_fedor

Дата 3.12.2007, 14:38 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(Slyfox @ 3.12.2007, 08:57)

Такого тега нет. Это вроде называется параметр тега. Так тяжело сразу сказать.
Покажите код.
А то даже не понятно про какой тег идет даже речь - код в студию.

Вот вся страница, нужное место выделено красным:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>О компании</title>
<meta name="description" content="">
<meta name="keywords" content="освещение светильники">

<meta http-equiv="Content-Language" content="ru">
<meta content="text/html; charset=windows-1251" http-equiv=Content-Type>

<link rel="stylesheet" type="text/css" href="/templates/template17/style.css">
</head>

<body class="all_body" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">

<table align="center" width="1000"  border="0" cellspacing="0" cellpadding="0" height="315" class="sh1">

      <tr valign="top">
        <td width="413"> </td>
        <td width="111">
<table border="0" width="100%" height="198" cellspacing="0" cellpadding="0" style="margin-left:4px; margin-right:4px;"><tr><td height="16"></td></tr><tr><td><div style="padding-left: 0px;" height="18"><a href="/okompanii/" class="active_2">О компании</a></div></td></tr><ul></ul><tr><td><div style="padding-left: 0px;" height="18"><a href="/prosvet/" class="no_active_2">Про свет</a></div></td></tr><ul></ul><tr><td><div style="padding-left: 0px;" height="18"><a href="/production/" class="no_active_2">Продукция</a></div></td></tr><ul></ul><tr><td><div style="padding-left: 0px;" height="18"><a href="/design/" class="no_active_2">Дизайнеры</a></div></td></tr><ul></ul><tr><td><div style="padding-left: 0px;" height="18"><a href="/proekt/" class="no_active_2">Проекты</a></div></td></tr><ul></ul><tr><td><div style="padding-left: 0px;" height="18"><a href="/kontakt/" class="no_active_2">Контакты</a></div></td></tr><ul></ul></table>
        </td>
        <td align="right" class="style5">


<p>
<a href="/" target="_blank">Главная</a>
:
<a href="mailto:[email protected]"">Обратная связь</a></p>
        </td>
      </tr>
    </table>


<table align="center" width="1000" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
      <tr>

        <td width="96"> </td>
        <td height="315" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="35" valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="130" background="../images/name_midle.png" class="menu_point"><div align="left">О компании</div></td>
                <td width="670"> </td>
              </tr>

            </table></td>
          </tr>
          <tr>
            <td valign="top">
       Компания<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«ПроСвет</span>» — это молодая, энергичная команда. Для нас работа в компании — это сочетание Бизнеса и Самореализации. В каждом проекте мы стремимся использовать не только профессиональный опыт, но и творческий потенциал команды.

<p>
     Мы высоко ценим понятия<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«репутация</span>» и<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«компетентность</span>». Потому следим за тем, чтобы наши клиенты получали продукцию только подтвержденного качества, на условиях эксклюзивных контрактов, по наиболее выгодной для них цене.

</p>
<p>
  Нам есть, что предложить Вам:
</p>
<ul>
    <li>
    <div>
    Широкий ценовой диапазон предлагаемых решений
    </div>
    </li>

    <li>Возможность изготовления светильников под заказ </li>
    <li>Бесплатные консультации нашего дизайнера </li>
    <li>Технические консультации по эксплуатации и подбору оборудования</li>
    <li>Расчеты освещенности </li>
    <li>3D — моделирование </li>

    <li>Любые другие услуги в рамках поставки и подбора оборудования для освещения </li>
    <li>Хранение и доставка оборудования на объект </li>
    <li>Помощь в сборке, установке оборудования. Послепродажный сервис.</li>
</ul>
<p>

  Компания<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«ПроСвет</span>» предлагает:
</p>
<p>
1. Освещение. Любой степени сложности. В любых объемах.
</p>
<p>
— интерьерное освещение<br />
— офисное освещение<br />

— торговое освещение          <br />
— архитектурное освещение     <br />
— промышленное освещение     <br />
— ландшафтное освещение    
</p>
<p>

Мы работаем с фабриками Италии, Германии, Испании, Австрии, Швейцарии, Франции, Англии, Чехии и других стран. В Вашем распоряжении каталоги более трехсот самых известных брендов. Как в печатном виде, так и на электронных носителях.
</p>
<p>
Проекты, для которых компания<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«ПроСвет</span>» поставляла освещение:

</p>
<ul>
    <li>
    <div>
    Коттедж-резиденция для VIP персон при гостинице<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Октябрьская</span>»
    </div>
    </li>

    <li>
    <div>
    ТГК-9 директорское крыло центрального офиса г. Пермь, дизайнер- Безирганова Светлана
    </div>
    </li>
    <li>
    <div>
    База отдыха<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Аракуль</span>» в Челябинской области. Жилые и общественные интерьеры
    </div>

    </li>
    <li>
    <div>
    Офис АСЦ<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Правобережный</span>», студия<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Двое</span>». Калмыкова Ольга.
    </div>

    </li>
    <li>
    <div>
    Квартиры в клубном доме<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Тихвин</span>», дизайнер — Николай Берсенев
    </div>
    </li>

    <li>
    <div>
    Квартиры к клубном доме <span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Тихвин</span>», совместно с студией<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Хулиган</span>»
    </div>

    </li>
    <li>
    <div>
    Квартира-студия ул.Физкультурников, дизайнер- Безирганова Светлана
    </div>
    </li>
    <li>
    <div>
    Офис РА<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Штольцман</span> и Кац» офисное и имиджевое освещение
    </div>

    </li>
    <li>
    <div>
    Гостиничный комплекс<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Аракуль</span>». Ландшафтный свет и номерной фонд
    </div>
    </li>
    <li>

    <div>
<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Телеклуб</span>» VIP зона. 
    </div>
    </li>
</ul>
<p>
 Другие готовые работы можно посмотреть в разделе<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Проекты</span>», список постоянных партнеров — в разделе<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Дизайнеры</span>»

</p>
<p>
2. Электро-установочные изделия
</p>
<ul>
    <li>
    <div>
    розетки
    </div>
    </li>
    <li>
    <div>

    выключатели
    </div>
    </li>
</ul>
<p>
3. Система<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«Умный</span> дом»
</p>
<p>
Построение систем в области умного дома. То есть систем контроля и управления зданием.

</p>
<p>
4. Аудио-Видео системы
</p>
<p>
5. Светотехническое проектирование
</p>
<p>
Разработка сценариев освещения и систем управления ими.
</p>
<p>
6.  Создание дизайн-проектов интерьеров
</p>
<p>

     Компания<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«ПроСвет</span>» — социально-ответственная организация. Часть своей прибыли мы используем для безвозмездной помощи нуждающимся людям и учреждениям. И в этом нам помогают наши Партнеры, и наши Клиенты.
</p>
<p>
     Надеемся, что и для Вас опыт работы с компанией<span style="margin-right: 0.3em"> </span> <span style="margin-left: -0.3em">«ПроСвет</span>» будет  позитивным, а сотрудничество — взаимовыгодным и долгосрочным.

</p>
              </td>
          </tr>
        </table>          <p> </p>
          </td>
        <td width="65"> </td>
      </tr>
    </table>


<table width="1000" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr align="center">
        <td align="center"><table border="0" cellspacing="0" cellpadding="0" weight="500">
          <tr height="7"><td></td></tr>
           <tr>
            <td align="center">


<table border="0" cellspacing="0" cellpadding="0"><tr><td width="1"><img border="0" src="/images/top_menu_separator.gif" width="1" /></td><td class="top_menu"><a href="/okompanii/"><span style="font-weight: bold">О компании</span></a></td><td width="1"><img border="0" src="/images/top_menu_separator.gif" width="1" /></td><td class="top_menu"><a href="/prosvet/"><span style="">Про свет</span></a></td><td width="1"><img border="0" src="/images/top_menu_separator.gif" width="1" /></td><td class="top_menu"><a href="/production/"><span style="">Продукция</span></a></td><td width="1"><img border="0" src="/images/top_menu_separator.gif" width="1" /></td><td class="top_menu"><a href="/design/"><span style="">Дизайнеры</span></a></td><td width="1"><img border="0" src="/images/top_menu_separator.gif" width="1" /></td><td class="top_menu"><a href="/proekt/"><span style="">Проекты</span></a></td><td width="1"><img border="0" src="/images/top_menu_separator.gif" width="1" /></td><td class="top_menu"><a href="/kontakt/"><span style="">Контакты</span></a>

                </tr>
                <tr>
            </td></tr></table>            </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td> </td>

      </tr>
      <tr>
        <td><div align="center"><span class="style1">© Pro Svet 2007 </span>
<br>
<a href="http://www.hostcms.ru" target="_blank">Система управления сайтом Host CMS</a>
</div>
</td>
      </tr>
    </table>

</body>
</html>

Castro

Дата 3.12.2007, 15:11 (ссылка)

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

Загрузка ...

Опытный

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

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

А с

Код


vertical-align:top

что?

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

uncle_fedor

Дата 4.12.2007, 14:02 (ссылка)

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

Загрузка ...

Новичок

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

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

Разве такого свойства нет?
Я уже в тупую перебираю варианты...
Кто может подсказать: как правильно задать свойство "TOP" для ячейки таблицы в Опере?

Добавлено через 2 минуты и 14 секунд
я так ставил... не помогало... может не туда ставил?

InfMag

Дата 4.12.2007, 16:37 (ссылка)

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

Загрузка ...

…

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

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

uncle_fedor, странно... Все поидее должно работать... Может попробовать пример попроще, код громоздсткий толком ничего не понятно...
Попробуй например вот так:

Код


<table>
<tr>
<td>
Text<br>
Text<br>
Text<br>
Text<br>
Text<br>
Text<br>
Text<br>
Text
</td>
<td valign="top">
Text
</td>
</tr>
</table>

Проверь такой вариант у себя в опере. Если TOP не применится - то разработчикам оперы нужно поломать пальцы.

Добавлено через 1 минуту и 18 секунд

Цитата(uncle_fedor @ 4.12.2007, 17:02)

Разве такого свойства нет?
Я уже в тупую перебираю варианты...
Кто может подсказать: как правильно задать свойство "TOP" для ячейки таблицы в Опере?

Добавлено @ 14:05
я так ставил... не помогало... может не туда ставил?

То нужно было вставлять вот так:
Вместо valign="top" писать: style="vertical-align:top"

uncle_fedor

Дата 8.12.2007, 15:09 (ссылка)

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

Загрузка ...

Новичок

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

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

сделал код страницы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title><?$kernel->show_title()?></title>
<meta name="description" content="<?$kernel->show_description()?>">
<meta name="keywords" content="<?$kernel->show_keywords()?>">

<meta http-equiv="Content-Language" content="ru">
<meta content="text/html; charset=windows-1251" http-equiv=Content-Type>

<?$kernel->show_CSS()?>

</head>

<body class="all_body" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">



<table width="1000"  border="0" cellspacing="0" cellpadding="0" height="315" class="sh1a">
<tr><td>
<table width="1000"  border="0" cellspacing="0" cellpadding="0" height="315" class="sh1">
      <tr>
        <td width="413"> </td>
        <td width="111" valign="top" class="style_top_menu">
<?
$Structure = new Structure();
$Structure->ShowStructure(8,'МенюВерх');
?>
        </td>
        <td align="right" valign="top" class="style5">
<p><a href="/" target="_blank">Главная</a>
: <a href="mailto:[email protected]"">Обратная связь</a></p>
        </td>
      </tr>
    </table>
</td></tr>
</table>


<?
$kernel->show_current_template()
?>



<table width="1000" border="0" cellspacing="0" cellpadding="0" align="center">
      <tr align="center">
        <td align="center"><table border="0" cellspacing="0" cellpadding="0" weight="500">
          <tr height="7"><td></td></tr>
           <tr>
            <td align="center">


<?
$Structure = new Structure();
$Structure->ShowStructure(8,'НижнееМеню');
?>
            </td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td><div align="center"><span class="style1">© Pro Svet 2007 </span>
<br>
<a href="http://www.hostcms.ru" target="_blank">Система управления сайтом Host CMS</a>
</div>
</td>
      </tr>
    </table>

</body>
</html>

из стилей

body
{
    font-family: Tahoma, Arial, Verdana, 'MS Sans Serif';
    font-size: 70%;
    color: #000000;
    margin-left:5px;
    margin-right:0px;
        align: center;
}
.style_top_menu
{        padding-top: 15px;
}

.all_body
{      align: center;
        vertical-align: top;
        background-color: #000000;
}

.top_menu
{      padding-left: 4px;
       font-wight: bold;
       padding-right: 4px;
}
.sh1a {      background: url(/images/sh1a.jpg) left top no-repeat}

.sh1 {      background: url(/images/sh1n.jpg) left top no-repeat}
.sh2 {      background: url(/images/sh2n.jpg) left top no-repeat}
.sh3 {      background: url(/images/sh3n.jpg) left top no-repeat}
.sh4 {      background: url(/images/sh4n.jpg) left top no-repeat}
.sh5 {      background: url(/images/sh5n.jpg) left top no-repeat}
.sh6 {      background: url(/images/sh6n.jpg) left top no-repeat}
.sh31 {      background: url(/images/sh311n.jpg) left top no-repeat}
.sh311 {      background: url(/images/sh311n.jpg) left top no-repeat}
.sh312 {      background: url(/images/sh312n.jpg) left top no-repeat}
.sh313 {      background: url(/images/sh313n.jpg) left top no-repeat}
.sh314 {      background: url(/images/sh314n.jpg) left top no-repeat}
.sh315 {      background: url(/images/sh315n.jpg) left top no-repeat}
.sh316 {      background: url(/images/sh316n.jpg) left top no-repeat}
.sh32 {      background: url(/images/sh32n.jpg) left top no-repeat}
.sh33 {      background: url(/images/sh33n.jpg) left top no-repeat}
.sh34 {      background: url(/images/sh34n.jpg) left top no-repeat}
.sh35 {      background: url(/images/sh35n.jpg) left top no-repeat}
.sh36 {      background: url(/images/sh36n.jpg) left top no-repeat}

.menu_point
{
    padding-left:5px;
    padding-right:8px;
        background-repeat: no-repeat;
}

ul li
{
    margin-bottom: 3pt;
    margin-top: 3pt;
}

ol li
{
    margin-bottom: 7pt;
    margin-top: 7pt;
}

.top_text_padding
{
    padding-top: 20px;
}

.top_text, .logo
{
    font-size: 7.5pt;
    color: #777777;
}
.style1
{
    font-size: 7.5pt;
    color: #FFFFFF;
}
.style2
{
    font-size: 9pt;
    color: #e6b1d1;
    padding-left:10px;
        background-repeat: no-repeat;
}
.style3
{              background-repeat: no-repeat;
}
.style5
{
    color: #ffffff;
        padding-top: 240px;
        padding-right: 5px;
}

не могу понять, почему Опера неправильно отображает страницу...
посмотреть можно тута smile

www.psvet.ru/okompanii/
валится верхнее меню... просто падает вниз, хотя должно прилипнуть к верхнему краю

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