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

Катюша

Дата 12.3.2005, 11:16 (ссылка)

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

Загрузка ...

Новичок

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

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

Ребята! Помогите пожалуйста.
У меня каталог сделан так, что в td картинка, которая обрамляется span (в нем стиль бордера), а под ним div тоже с бордером, в котором информация по картинке.
Так вот в IE и NetCaptor все нормально, как и задумано, а в Opera span съезжает с картинки вниз, а div от картинки влево (во всем td выравнивание по центру). Что с эти делать? Мож как то можно без span и div а как? или с ними что- то сделать.
Подскажите плизззззз!!!

Это сообщение отредактировал(а) Катюша - 12.3.2005, 11:24

Guest

Дата 12.3.2005, 17:47 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Используй вместо span DIV, проблем не будет, если конечно я правильно понял твой вопрос )

Катюша

Дата 13.3.2005, 05:35 (ссылка)

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

Загрузка ...

Новичок

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

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

Рамка у картинки - span, она съезжает, описание картинки - div - он тоже съезжает влево от картинки, хотя и картинка и описание выровнены посередине.

sergejzr

Дата 13.3.2005, 05:51 (ссылка)

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

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

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

Хоть бы посмотреть на это чудо smile

На худой конец можно в твой тд ещё таблицу вставить с двумя рядами smile

Обрати внимание, как это можно сделать.

$\"\"$

Описание

Вот код

Код


<table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td>
      <table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td>
              <div style="border-style: dotted;">
                 <img alt="Описание" src="http://forum.vingrad.ru/uploads/av-6631.jpg"/>
              </div>
            </td>
          </tr>
          <tr>
            <td>
              <div style="border-style: groove;">
                 Описание
              </div>
            </td>
          </tr>
        </tbody>
      </table>
      </td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

В конечном варианте все бордеры самих таблиц посади на "0". И.... вуаля smile

$\"\"$

Описание

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

Me.
FB.
LinkedIn.
ORCID.
YT.

Ruslan_

Дата 14.3.2005, 13:40 (ссылка)

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

Загрузка ...

Шустрый

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

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

Действительно, используй таблицу, или DIV вместо SPAN.
Если у тебя примерно такая проблема:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=koi8-r">
</HEAD>

<BODY>
<TABLE width="200" border="0">
  <TR>
    <TD>&nbsp;</TD>
    <TD><SPAN style="border:1px solid black;"><IMG src="http://forum.vingrad.ru/style_images/1/logo.gif" width="64" height="66"></SPAN>
    <DIV style="border:1px solid black;">Текст</DIV>
    </TD>
    <TD>&nbsp;</TD>
  </TR>
</TABLE>
</BODY>
</HTML>

то наверно лучше решить ее так:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=koi8-r">
</HEAD>

<BODY>
<TABLE width="200" border="0">
  <TR>
    <TD>&nbsp;</TD>
    <TD><DIV style="border:1px solid black;"><IMG src="http://forum.vingrad.ru/style_images/1/logo.gif" width="64" height="66"></DIV>
    <DIV style="border:1px solid black;">Текст</DIV>
    </TD>
    <TD>&nbsp;</TD>
  </TR>
</TABLE>
</BODY>
</HTML>

Добавлено @ 13:49
"Элемент разметки SPAN - это обобщенный строковый элемент разметки, применение которого не приводит к образованию блока текста", в отличии от DIV. DIV должен обрамлять, а не SPAN (который используют для стилизации текста).

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