VPF::Картинка съезжает на одну строку вниз

CyberSpirit

Дата 13.4.2008, 15:16 (ссылка)

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

Загрузка ...

Новичок

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

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

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

В таблице слева находиться текст, а справа картинка, проблема заключаеться в том, что картинка после назначения ей параметра 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 пикселей.

Это сообщение отредактировал(а) CyberSpirit - 13.4.2008, 15:17

Присоединённый файл ( Кол-во скачиваний: 8 )

arrow.gif 0,81 Kb

TryLight

Дата 14.4.2008, 02:18 (ссылка)

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

Загрузка ...

Шустрый

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

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

А Вы картинку с текстом местами поменяйте.

CyberSpirit

Дата 14.4.2008, 07:09 (ссылка)

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

Загрузка ...

Новичок

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

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

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

Это сообщение отредактировал(а) CyberSpirit - 14.4.2008, 07:12

kizune

Дата 14.4.2008, 09:28 (ссылка)

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

Загрузка ...

Опытный

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

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

а вот такое решение не подойдет?

Код


<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 (ссылка)

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

Загрузка ...

Новичок

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

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

Большое спасибо, такой вариант вполне подойдёт.

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