Выровнять таблицу

danila_omega · December 24, 2012

Всем добрый день!

Помогите пожалуйста, не моуг выровнять (сделать её аккуратной)!

Что прописать?

Щас выглядет вот так:

http://itmages.ru/image/view/816632/9227541e

Очень большой промежуток между "Личным кабинетом" "Панелью руководителя" и "Помощь" хотелось бы одинаковые промежутки.


<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Таблица в центре окна</title>
  <style>
	#sdvig{
	margin-left: 250px;
	border: none !important;
	background: none;
	color: #ffffff;
	text-align: center !important;
	align: center;

	}
	th a:hover {
	background: none; /* Цвет фона под ссылкой */ 

	} 
	#jhg{
	position: fixed;
	left: 1090px;
	top: 10px;	
	}
	  </style>
 </head>
  <body >

  <table width="900px" id="sdvig" border="0" cellpadding="0" 
       cellspacing="0" >
 <tr align="center">
	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5774252320699392989"><img src="/icons/16round/Glavnaya.png" width="70" height="50" alt="Главная" border="0"></a></th>
    	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=home&doc_id=5778991669240532737"><img src="/icons/16round/Obuchenie.png" width="70" height="50" alt="Обучение" border="0"></a></th>
	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5782823464008879691"><img src="/icons/16round/UchebnieKursi.png" width="70" height="50" alt="Учебные курсы" border="0"></a></th>	
	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc_type&object_id=5486421379493803019&doc_id=5782823464018985890"><img src="/icons/16round/Biblioteka.png" width="70" height="50" alt="Библиотека" border="0"></a></th>
	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=poll_procedure&doc_id=5778992633213505113"><img src="/icons/16round/Oprosi.png" width="70" height="50" alt="Опросы" border="0"></a></th>
	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc_type&object_id=5630700369664156075&doc_id=5782777491471678364"><img src="/icons/16round/LichniyKabinet.png" width="70" height="50" alt="Личный кабинет" border="0"></a></th>
	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5810240533540062834"><img src="/icons/16round/PanelRukovoditela.png" width="70" height="50" alt="Панель руководителя" border="0"></a></th>
	<th><a href="http://m-training01.etsp.ru/view_doc.html?mode=doc&doc_id=5778993005048716186"><img src="/icons/16round/Pomosh.png" width="70" height="50" alt="Помощь" border="0"></a></th>
</tr>
<tr align="center">
	<th>Главная</th>
	<td>Обучение</td>
	<td>Учебные курсы</td> 
	<td>Библиотека</td>
	<td>Опросы</td>
	<td>Личный кабинет</td>
	<td>Панель руководителя</td>
	<td>Помощь</td>
 </tr>
    </table>
 </body>
</html>

boo · December 24, 2012

Ктож таблицами это делает! Выводи списком ul!!

npofopr · December 24, 2012

Что плохого в таблицах?

Если у вас меню всегда из 8 элементов будет, то просто задайте длину ячейкам = 900px/8 = 112px

+- паддинги

Yazon_Nile · December 25, 2012

Что плохого в таблицах?

Да ну. Тогда уж и спанами весь сайт сверстать можно ..

Таблицы для таблиц, списки для списков.

danila_omega · December 25, 2012

Всем спасибо!

на счёт списка учту на будущее!

Sign In

Выровнять таблицу

Question

danila_omega

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

boo

Link to comment

Share on other sites

npofopr

Link to comment

Share on other sites

Yazon_Nile

Link to comment

Share on other sites

danila_omega

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information