Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Проблема отображения в opera

Автор: Катюша 12.3.2005, 11:16

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

Автор: Guest 12.3.2005, 17:47

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

Автор: Катюша 13.3.2005, 05:35

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

Автор: sergejzr 13.3.2005, 05:51

Хоть бы посмотреть на это чудо 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

$\"\"$

Описание

Автор: Ruslan_ 14.3.2005, 13:40

Действительно, используй таблицу, или 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 (который используют для стилизации текста).