Проблема следующая, вот этот момент
html:
<table class="basket">
<tr>
<td colspan="5" class="basket_header">
Ваша корзина
<div class="basket-img">
<img src="images/catalog/bag.gif" width="100" height="64" alt="">
</div>
</td>
</tr>
css:
.basket {width:780px;margin: 0 10px 30px;border:0; text-align:center;border-collapse:collapse}
.basket_header{height:64px;text-align:left;font:bold 18px tahoma, geneva, sans-serif;color:red;background:url(/images/catalog/basket_back.gif) repeat-x;border:1px solid black}
.basket-img{float:right;margin:0;padding:0;display:inline;border:1px solid black}
по задумке должен выглядеть следующим образом:
В браузерах он, собственно, так и выглядит, но вот в IE
Рамочки сделал для наглядности, их, понятно дело, быть не должно.
Подскажите, пожалуйста, где я неправ. Сам уже весь мозг поломал...
Заранее спасибо.
Спустя 49 минут, 11 секунд (4.03.2012 - 16:16) inpost написал(а):
.basket td {vertical-align: center;}
Спустя 1 час, 1 минута, 31 секунда (4.03.2012 - 17:17) srtr написал(а):
| Цитата (inpost @ 4.03.2012 - 13:16) |
| .basket td {vertical-align: center;} |
Не помогло. Картина никак не изменилась.
Спустя 47 минут, 26 секунд (4.03.2012 - 18:05) inpost написал(а):
Ну так разбей на 2 <td>, в правый помести фотографию.
Спустя 3 часа, 27 минут, 31 секунда (4.03.2012 - 21:32) killer8080 написал(а):
| Цитата (inpost @ 4.03.2012 - 15:16) |
| .basket td {vertical-align: center;} |
вернее :)
.basket-img{vertical-align: middle; ... }
Спустя 1 час, 22 минуты, 17 секунд (4.03.2012 - 22:54) inpost написал(а):
Если бы всё так было просто. Не везде алигн работает для картинок у меня 
Спустя 16 минут, 9 секунд (4.03.2012 - 23:11) killer8080 написал(а):
inpost
ты просто перепутал значения, у vertical-align нет значения center, есть middle
ты просто перепутал значения, у vertical-align нет значения center, есть middle
Спустя 21 минута, 44 секунды (4.03.2012 - 23:32) sebastjan написал(а):
Не спорте, я всё знаю.
:)
:)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Untitled Document</title>
<style>
.blok{
height: 120px;
width: 300px;
border: 1pt solid #00FF00;
}
.kar{
float: right;
padding-top: 0px;
}
</style>
</head>
<body>
<div class="blok">
<img src="img/kraska.jpg" class="kar">
Вася Горбытый самый лучший, его его соседи талантливые гопники.Присоединяйтесь и выиигрывайти билет в
исправительное Учереждение номер 6
</div>
</body>
</html>
Спустя 57 минут, 36 секунд (5.03.2012 - 00:30) srtr написал(а):
| Цитата (inpost @ 4.03.2012 - 15:05) |
| Ну так разбей на 2 <td>, в правый помести фотографию. |
Вот это я затупорылил! Сам не понимаю, как до этого не додумался...
Всем спасибо за ответы!