Верстка таблицы

zerg · March 18, 2009

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

помогите пожалуста разобраться в чем проблема, код внизу

<table border="0" cellpadding="0" width="100%" height="223">
	<tr>
		<td  valign="top" WIDTH="180">
<TABLE WIDTH="175"  height="223" CELLPADDING="3" CELLSPACING="1" CLASS="blok">
<TR>
	<TD CLASS="blok_name" HEIGHT="27" colspan="2">вапвапвап</TD>

<TR>

	<TD><IMG SRC="images/menus/im_lunch.gif" ALT=""></TD>

	<TD><a href="/index.php?zaved=1&edit5&catid1=5">вапва</a></TD>

</TR>

<TR>

	<TD><IMG SRC="images/menus/im_music.gif" ALT=""></TD>

	<TD><a href="news/index.php">вапвап</a></TD>

</TR>
<TR>

	<TD><IMG SRC="images/menus/im_tusovka.gif" ALT=""></TD>

	<TD><a href="/index.php?zaved=1&edit5&catid1=16">вапвап</a></TD>

</TR>
<TR>

	<TD><IMG SRC="images/menus/sport.gif" ALT=""></TD>

	<TD><a href="/index.php?zaved=1&edit5&catid1=16">вапвап</a></TD>

</TR>	

<TR>

	<TD><IMG SRC="images/menus/shop.gif" ALT=""></TD>

	<TD><a href="/index.php?zaved=1&edit5&catid1=16">вапв</a></TD>

</TR>	

</TR>
</TABLE>



</td>

		<td  valign="top">
<TABLE WIDTH="100%" CELLPADDING="3" CELLSPACING="1" CLASS="blok" height="223">

<TR>
		<TD CLASS="blok_name" HEIGHT="27" colspan="2">вапвапавп</TD>
<TR>
	<TD><font size="3">вапвапвапвап</font>

<BR></TD>
</TR>
</TABLE>
</td>
	</tr>
</table>

Scrum · March 18, 2009

доктайп какой ?

zerg · March 18, 2009

даже не знаю что такое доктайп, это тип документа или чтото жаргонное

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<LINK REL=STYLESHEET TYPE="text/css" HREF="/images/style.css">

Victor Ananiev, спс

вот:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

ЗЫ: Взял вообще его снес, отображается нормально, но я так понимаю это не выход!

Edited March 18, 2009 by zerg

Victor Ananiev · March 18, 2009

http://www.w3schools.com/tags/tag_doctype.asp

zerg · March 18, 2009

Не доктайп нужен, чето в информере слишеом большая ссылка.

Nekromancer · March 18, 2009

http://htmlbook.ru/html/!doctype.html

тут будет легче..

работа без правил, вовсе не работа..

zerg · March 18, 2009

Nekromancer, все перепробовал такаяж фигня во всех что там были.

Nekromancer · March 19, 2009

а можно вопрос? как не правильно отображаются таблицы?

хотя это скорее всего из-за того что чётко не заданы ширина и высота..

zerg · March 19, 2009

тоесть, мне надо чтоб отображались как на форуме к примеру там где твой аватар и пост, две таблицы ровно, начало и конец.

klierik · March 19, 2009

Попробуйте использовать Доктайп HTML 1.0 Transitional и ширину/высоту выставлять стилями а не аттрибутами

zerg · March 19, 2009

тоесть полностью везде убрать height="" и WIDTH="", и задать через стили, а у меня просто таблицы с такимиж класами идут на этойже странице (но параметры разные), ано не повлияет на их отображение.

Searcher · March 19, 2009

Если описывать в таблице стилей через классы, то конечно повлияет. На то класс и нужен, чтобы устанавливать одинаковые свойства для всех объектов с этим классом. Задайте этой таблице и вложениям в неё другие классы.

zerg · March 20, 2009

пишу в ксс

.blok_name1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 3px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 0px; 
	height: 27;
	COLOR: #235399;
	background-image: url(../images/blok_name_bg.gif);
	PADDING-TOP: 0px; 
	FONT-FAMILY: Tahoma, Arial, Verdana,  Helvetica, sans-serif;
}

и высота таблицы вообще 0 стала, или я неправильно задаю

в таблице везде размерности поубирал, изменение height: 27; вообще никак не влияет

Edited March 20, 2009 by zerg

Sign In

Верстка таблицы

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information