Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Картинка съезжает на одну строку вниз


Автор: CyberSpirit 13.4.2008, 15:16
Здравствуйте, помогите плиз разобраться с одной проблемой :

В таблице слева находиться текст, а справа картинка, проблема заключаеться в том, что картинка после назначения ей параметра align=right или в css - float:right съезжает на одну строку вниз, причём в разных браузерах отображаеться по разному, лучше всего отображаеться в Opere. Как сделать так, что бы во всех браузерах картинка отображалась на одной сторке с текстом.

Ниже представлен код примера:

Код

<html>
<head>

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

</head>
<body>

  <table width=250> 
     <td id=td>
        <b>Текст</b><img src='arrow.gif' align=right>
     </td>
  </table>

</body>
</html>


Картинка небольшая 5х7 пикселей.

Автор: TryLight 14.4.2008, 02:18
А Вы картинку с текстом местами поменяйте.

Автор: CyberSpirit 14.4.2008, 07:09
Это не решение проблемы. Текст - это пункт меню, а картинка это стрелка, которая показывает наличие подменю.
Кстати такая задача может встречаться достаточно часто.

Автор: kizune 14.4.2008, 09:28
а вот такое решение не подойдет?

Код

<html>
<head>
<style type="text/css">
   #td {border: 1px solid #CCCCCC;}
</style>
</head>
<body>
  <table width=250> 
     <td id=td valign="top" style="background:url(arrow.gif); background-position:right center; background-repeat:no-repeat;">
        <b style="text-align:left; width:235px; border">Текст</b>
     </td>
  </table>
</body>
</html>

Автор: CyberSpirit 14.4.2008, 11:54
Большое спасибо, такой вариант вполне подойдёт.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)