выравнивание содержимого ячейки

[atew]

хочу что бы размер ячейки был = размеру содержимого

мой код.

 TABLE {
    table-layout: fixed;
    position: fixed; 
    top: 10px; 
float: left; 
    left: 790px;
	font-size: 14px;
	font-weight: bold; 
	vertical-align: top;
  }

   TD {
    vertical-align: top; 
  }

<table  width="200" border="1" >
   <tr>
   <td><a href="#"><ul>item 1</a></td>
   </tr>
   <tr>
   <td><a href="#"><ul>item 2</a></td>
   </tr>   
   <tr>
   <td><a href="#"><ul>item 3</a></td>
   </tr>
   <tr>
   <td><a href="#"><ul>item 4</a></td>  
   </tr>
   <tr>
   <td><a href="#"><ul>item 5</a></td>
   </tr>
</table>

результат:

Edited March 19, 2011 by atew

[swetlana]

сделать прямого потомка ячейки блочным, да проследить за маргинами.

[atew]

ого)если не сложно можно в примере?

[photograf]

table td>a {

display:block;

margin:0px;

}

Это имелось ввиду?

Или даже можно без табло.

Edited March 19, 2011 by photograf

[swetlana]

да, почти это.

Но только не забываем и о маргинах потомков.

скорее что-то в таком духе.

[color=#333333][size=2] td>a { display:block; }
 td * { [/size][/color][color=#333333][size=2]margin:0px; [/size][/color][color=#333333][size=2]}[/size][/color]

Я так понимаю по наброскам, что внутри ссылок ещё списки будут?

Хотя не совсем понятно зачем.

td>a { display:block; }
td * { margin:0; }

кто-то всерьёз говорит, что этот редактор безглючен?

[psywalker]

Хотя не совсем понятно зачем.

td>a { display:block; }
td * { margin:0; }

А вот такой селектор ">" не понимает ИЕ6

[swetlana]

А вот такой селектор ">" не понимает ИЕ6

это ещё ладно.

У автора сам код html противоречив.

<ul> внутри <a> стал допустим лишь в html5, но в нём категорически не приветствуются (или прямо запрещены?) оформительские атрибуты.

А в коде намешано и то и другое.

И я ещё очень сильно надеюсь, что незакрытый <ul>, не содержащий в себе <li> — это сокращение кода ради того, чтобы выкинуть не относящееся к проблеме.