Избавиться от таблицы

[zlodiak]

сверстал страницу. но мучает совесть по поводу использованной таблицы в блоке .top_info_inner

не подскажете хотя бы на словах как можно реализовать то же самое на дивах (кросс до ie7+)?

 

[motek]

<table class="headerelementsB" border="0" cellpadding="0" cellspacing="0">
	<tbody>

	   <tr>					
		<td>
		<div class="search">
			<div class="searchL"></div>
			<div class="searchR"></div>

			<form action="#" method="post" class="searchform">
				<fieldset>
				<label class="text_label" for="text_search">Поиск</label>

					<input class="text_search" type="text" name="text_search" id="text_search" />
					<input class="submit_search" type="submit" name="submit_search" value="Найти" />
				</fieldset>
			</form>
		</div>
			</td>
			<td class="forum_cell"><a class="forum_button" href="javascript:void(0);"><span>Форум</span></a></td>
			<td class="twitter_cell"><a class="twitter_button" href="javascript:void(0);"><span>Twitter</span></a></td>

			<td class="facebook_cell"><a class="facebook_button" href="javascript:void(0);"><span>Facebook</span></a></td>					
	</tr>
	</tbody>
</table>

оставляем только те элементы,которые функционируют:

<form action="#" method="post" class="searchform">
	<fieldset>
		<label class="text_label" for="text_search">Поиск</label>

		<input class="text_search" type="text" name="text_search" id="text_search" />
		<input class="submit_search" type="submit" name="submit_search" value="Найти" />
	</fieldset>
</form>
<div id="link_list">
		<a class="forum_button" href="javascript:void(0);">Форум</a>
	<a class="twitter_button" href="[url="javascript:void(0);">Twitter</a>
		<a class="facebook_button" href="javascript:void(0);">Facebook</a>					
</div>

div class="searchL" и div class="searchR" не несут никакой смысловой нагрузки, а служат только как начало и конец картинки
можно для этих целей использовать form и fieldset
саму форму позиционируем налево и задаем ей размеры (нужна ли такая ширина?),а див с сылками позиционируем вправо
спан в сылке тоже лишний

еще один момент

<strong class="title">Сеть&nbsp;многофункциональных&nbsp;центров&nbsp;Ростовской&nbsp;области</strong>

стронг тут для пс стоит наверное?,тогда лучше заголовок первого уровня - пс оценит

<h1>Сеть&nbsp;многофункциональных&nbsp;центров&nbsp;Ростовской&nbsp;области</h1>

 

[zlodiak]

да, спасибо. вот исправил. может еще какие замечания будут?.. (разделители не в счёт)

 

[lekzd]

какие замечания будут?

использование отрицательных margin и position:relative
вот последнее лучше не использовать вообще - думаю, если не планируется динамически менять контент, то может и так сойдет, в другом случае, вполне возможны серьезные баги в верстки страницы когда администратор сайта добавляет что-то нешаблонное
вставить ссылку под превьюхой видео - она даже не кликается, я не стал разбираться что же ее закрывает но факт в том что с позиционированием надо что-то решать

Главная | Сайт | Видео архив
При первом взгляде показалось что это меню разделов сайта...но как-то странно по логике, далее глянул в код - оказалось что это breadcrumbs, лучше уж вам выбрать другие разделители между элементами для лучшего восприятия того что из чего выходит, обычно ведь ставят / или > или другие виды стрелок - к таким условиям привыкли, не стоит придумывать что-то свое

Так же часть вышеописанного копируется в заголовке (но с уже понятно отображенной вложенностью), вот тут надо выбирать: либо оставлять заголовок как есть и вместо пути страницы выводить ссылку на главную, либо оставлять в заголовке только название страницы, а из путей убирать дублирование заголовка страницы на которой находимся

Так же стоит определиться со ссылками - либо все подчеркнуты, либо нет (хотя это и спорное утверждение)
Хотя над футером есть блок ссылок в зубодробительном верхнем регистре, там с подчеркивание совсем худо станет, особенно с таким line-height

У кнопки поиска вы прописали cursorointer - пожалуй, у остальных кнопок тоже стоит задать это свойство

.VA .videolist ul::after, .VA .videolist ul li:nth-child(5n+6)::before

Пожалуй, это единственное что не отображается в ie8, 7 на этой странице - они просто не знают таких селекторов

Так же на будущее могу посоветовать объединять картинки одного размера в один файл - это снижает нагрузку на сервер и в будущем пригодится