Не отображается spacer.gif

fiveapril · March 6, 2011

Проблему собственно попробую объяснить с помощью скринов. Проблема возникает только в Mozilla. Код страницы приложен. Как исправить, какие цифры надо подправить.

1.Opera explorer chrome

2. Mozilla

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Совет молодых ученых -- Главная страница</title>
<link href="text.css" rel="stylesheet" type="text/css"> 
</head>
<body>
<table width="1000" height="600" border="0" align="center" cellpadding="0" cellspacing="0">
	 <caption align="bottom" class="text_copyright"><p>© 2011 Совет молодых ученых<br/>
														Учреждение Российской академии наук<br/>
	   													Институт металлургии и материаловедения им. А.А. Байкова РАН</p>
	</caption>
  <tr>
	<td height="25" colspan="3" bgcolor="#c16032"></td>
  </tr>
  <tr>
	<td width="300" height="100"><a href="index.html"><img src="images/logo.png" border="0"/></a></td>
	<td width="700" height="100" colspan="2" background="images/logo_2.png"> </td>
  </tr>
  <tr>
	<td height="25" colspan="3" bgcolor="#c16032"><p class="text_zgl">[новости]</p></td>
  </tr>
  <tr>
	<td height="40" bgcolor="#cc825c"> </td>
	<td rowspan="47" align="left" valign="top" ><DIV class="navigation">
	  <p class="text">Добро пожаловать на сайт Совета молодых ученых ИМЕТ РАН .</p>
	</div></td>
	<td rowspan="47">
	<div class="banners">
  <p><a href="http://www.ras.ru/" target="_new"><img src='images/ras.gif' border=0></p>
  <br />
  <p><a href="http://www.poisknews.ru/" target="_new"><img src='images/poisk.gif' border=0></p>
	</div>
	</td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" class="menu_select"><p class="menu_text">— О Совете</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="predmet.html" class="links">ᴏ Цель, задачи и предмет деятельности</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="staff.html" class="links">ᴏ Состав Совета</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="documents.html" class="links">ᴏ Официальные документы</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" class="menu_select"><p class="menu_text">— Деятельность</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="previews.html" class="links">ᴏ Анонсы</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="events.html" class="links">ᴏ События</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="fotonews.html" class="links">ᴏ Фотохроника</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="videonews.html" class="links">ᴏ Видеохроника</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" class="menu_select"><p class="menu_text">— Информация о научных мероприятиях</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="conferens.html" class="links">ᴏ Конференции и семинары</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="grants.html" class="links">ᴏ Гранты и конкурсы</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text">ᴏ Ссылка 3</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" class="menu_select"><p class="menu_text">— Отдел аспирантуры</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text">ᴏ Ссылка 1</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text">ᴏ Ссылка 2</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text">ᴏ Ссылка 3</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" class="menu_select"><p class="menu_text">— Полезная информация</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text"><a href="resources.html" class="links">ᴏ Ресурсы сети</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text">ᴏ Ссылка 2</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" bgcolor="#cc825c"><p class="menu_sub_text">ᴏ Ссылка 3</p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="20" class="menu_select"><p class="menu_text"><a href="contacts.html" class="links_1">— Контакты</a></p></td>
  </tr>
  <tr>
	<td><img src="pic/spacer.gif" width="1" height="2" border="0" alt=""></td>
  </tr>
  <tr>
	<td height="40" bgcolor="#cc825c"> </td>
  </tr>
  <tr>
	<td colspan="3" bgcolor="#c16032" width="1045" height="12"> </td>
  </tr>
  <tr>
	<td colspan="3" bgcolor="#FFFFFF" height="13"> </td>
  </tr>
</table>

</body>
</html>

Vlad · March 6, 2011

Ух, прямо девяностыми дохнуло. Сейчас так уже никто не делает меню, рекомендую вам переделать всё через стили.

fiveapril · March 6, 2011

Ух, прямо девяностыми дохнуло. Сейчас так уже никто не делает меню, рекомендую вам переделать всё через стили.

А примеры можно что вы под этим имеете в виду. Заказчику нравится такой стиль. (Верстаю первый раз.)

Edited March 6, 2011 by fiveapril

Int · March 6, 2011

td.spacer {padding:1px 0 0;}

tt48 · March 6, 2011

А примеры можно что вы под этим имеете в виду. Заказчику нравится такой стиль. (Верстаю первый раз.)

<style type='text/css'><style type='text/css'>
	#menu{
		border: 1px solid black;
		background: white;
	}
	#menu li:first-child{
		border-top:1px solid #fefefe;
	}
	#menu li{
		border-bottom: 1px solid #fefefe;
		background: red;
	}
</style>
<ul id='menu'>
	<li>
		1
	</li>
	<li>2</li>
</ul>

Учитывая, что там просто белые линии разделяют -

не вижу смысла их делать картинками.

:first-child в ie6 работать не будет, только начиная с ie7.

потребуется разделитель картинкой -

ul{
background: url(picture.gif) repeat-x 0 0; 
padding-top: 1px;
/*1px - высота фоновой картинки*/
}
li{
background: url(picture.gif) repeat-x 0 bottom;}

доктайпа нет...ая-яй.

по поводу cellpadding\spacing лучше использовать

table{
	padding		: 0;/* instead cellpadding*/
	border-collapse: collapse;/* instead cellspacing*/
		text-align		 : center;/* instead align=center*/
}

http://dimox.name/menu-with-double-separators/

Разбор менюшки с сепаратарами - близко к теме как раз.

Edited March 6, 2011 by tt48

fiveapril · March 7, 2011

Спасибо! буду разбираться.

Sign In

Не отображается spacer.gif

Question

fiveapril

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

fiveapril

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

tt48

Link to comment

Share on other sites

fiveapril

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information