Таблица

Floran · February 12, 2011

ПОМОГИТЕ, не понимаю почему таблица не реагирует на код, рамка не появляется и меню не централизируется...

<table align="center"width="1150" border="1" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0">

	  <tr>
		<td>
		  <script type="text/javascript" src="jquerymenu.js"></script> 
<script type="text/javascript">
$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); 

	$("ul.topnav li span").click(function() {

		$(this).parent().find("ul.subnav").slideDown('fast').show(); 

		$(this).parent().hover(function() {
		}, function(){	
			$(this).parent().find("ul.subnav").slideUp('slow'); 
		});

		}).hover(function() { 
			$(this).addClass("subhover"); 

			$(this).removeClass("subhover"); 
	});

});

</script> 
<style type="text/css"> 
body {
	margin: 0; padding: 0;
	font: 10px normal Arial, Helvetica, sans-serif;

	position: relative;

}
.container {
overflow:hidden;
	background-color: #282828;
	width:1150px; 
	margin: 0 auto;
	position: relative;
}
#header {

	background: url(img/header31.jpg) no-repeat  center top;
	padding-top: 120px;

}

#header .disclaimer {
	color: #999;
	padding: 100px 0 7px 0;
	text-align: right;
	display: block;
	position: absolute;
	top: 0; right: 0;
}

ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 100%;
	background: #222;
	font-size: 1.2em;
	background: url(img/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; 
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(img/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { 
	width: 17px;
	height: 35px;
	float: left;
	background: url(img/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} 
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; 
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; 
	border-bottom: 1px solid #444; 
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(imgs/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { 
	background: #222 url(img/dropdown_linkbg.gif) no-repeat 10px center; 
}

</style> 



<div class="container"> 
	<div id="header">  
		<ul class="topnav"> 
			<li><a href="index.php"></a></li> 
			<li> 
				<a href=""></a> 
				<ul class="subnav"> 
					<li><a href="shop.php">Магазины</a></li> 
					<li><a href="#"></a></li> 
					<li><a href="#"></a></li> 
					<li><a href="#"></a></li>
					<li><a href="#"></a></li> 
				</ul> 
			</li> 
			<li> 
				<a href=""></a> 
				<ul class="subnav"> 
					<li><a href="#"></a></li> 
					<li><a href="#"></a></li> 
					<li><a href="#"></a></li> 
					<li><a href="#"></a></li> 
					<li><a href="#"></a></li> 
				</ul> 
			</li> 
			<li><a href="top.php"></a></li> 
			<li><a href="ad.php"></a></li> 
			<li><a href="form.php"></a></li> 
			<li><a href="about.php"></a></li> 
		</ul> 
	</div> 
</div>  
</td>
</tr>
</table>

также не могу понять как поставить объект поверх другого объекта в такблице

Edited February 12, 2011 by Floran

psywalker · February 12, 2011

Ааа, эта старая фишка уже. Давно не прокатывает.

Берёшь, накидываешь тупо кода в блокнот из разных мест, копируешь его, вставляешь на форум в посте и ждёшь лоха, который за тебя сделает твою работу. Поэтому:

1. Код привести в порядок

2. Пользоваться спец.тегами для кода в постах.

3. Прочитать этот сайт для начала.

Floran · February 12, 2011

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

psywalker · February 12, 2011

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

2. Пользоваться спец.тегами для кода в постах.

ShumNo · February 12, 2011

А у меня честно промелькнула мысль начать разбираться в этом коде, а оно вон как лоховская мысль была! фу пошла прочь мысль прочь прочь ...

аФтар сделай где страничку с кодом думаю результат скорее получишь

Floran · February 12, 2011

поправил

psywalker · February 12, 2011

поправил

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

Floran · February 12, 2011

работает централизирувание блока при помощи кода

<center> </center>

но как я понял со многих коментов это не коректно использывать а position и margin в итоге збивают элементы страницы

psywalker · February 12, 2011

работает централизирувание блока при помощи кода
<center> </center>
но как я понял со многих коментов это не коректно использывать а position и margin в итоге збивают элементы страницы

Пока не ответишь на мой вопрос, помогать тебе не будут.

Floran · February 12, 2011

css html значение команд, видеокурс по работе с штмл, таблицами, форумы, включая и этот, ответа не нашол

psywalker · February 12, 2011

css html значение команд, видеокурс по работе с штмл, таблицами, форумы, включая и этот, ответа не нашол

Да? Если ты читал про html, то первым делом ты должен был знать, как хотя бы должна выглядеть базовая страница. Согласен?

Floran · February 12, 2011

согласен, и что же не так?

psywalker · February 12, 2011

согласен, и что же не так?

А ты слышал что нибудь о доктайпе например?

Floran · February 12, 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

вот доктайп страницы

а можно просто напрямую ответ, какбе я не профи а тока нуб, поэтому и обращаюсь в форум за помощу так как не можу решить

psywalker · February 12, 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
вот доктайп страницы
а можно просто напрямую ответ, какбе я не профи а тока нуб, поэтому и обращаюсь в форум за помощу так как не можу решить

Ты сказал, что ты читал сайт, а значит ты наверняка читал раздел по CSS, его нельзя там не заметить. Тут сразу понятно, что ты ничего не читал и пытаешься найти альтруистов.

Держи, вот тебе ссылка http://htmlbook.ru/css, прочитай всё внимательно, там и решение сразу найдётся, а если нет, то приходи, всегда поможем. Только если увидим, что ты действительно пытаешься и понять и прикладываешь к этому усилия. Удачи

Floran · February 12, 2011

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

достаточно ли грамонто будет использывать команду <center> в таком случае?

и еще вопрос как закреплять элементы на своих местах, так как при уменшении страницы до размеров окна, все сходит со своих позиций

psywalker · February 12, 2011

спасибо тепер понял, я читал на вашем сайте значение команд пытался найти альтернативу...
достаточно ли грамонто будет использывать команду <center> в таком случае?

Это не команда, а тег. Причём очень плохой и давно уже считающийся устаревшим. Вместо него нужно использовать стили CSS.

и еще вопрос как закреплять элементы на своих местах, так как при уменшении страницы до размеров окна, все сходит со своих позиций

Есть вариант, но он считается неправильным. Это position: absolute; Там прочитаешь про него.

Floran · February 12, 2011

я знаю эту команду тока ею и пользывался, применял ее к всем элементам, и при уменьшении окна элементы вылазять друг на друга

psywalker · February 12, 2011

я знаю эту команду тока ею и пользывался, применял ее к всем элементам, и при уменьшении окна элементы вылазять друг на друга

Это НЕ команда! А свойство CSS. Почитай про него обязательно. А то, что ты хочешь сделать - это называется width; и margin: 0 auto;

Floran · February 12, 2011

я читал про это свойство. вобщем коротко изложу суть. создал страницу шириной в 100% все элементы размещал при помощи свойства

position:absolute;

при просмотре страницы в онке все елементы вылазили друг на друга

после решил сделать ширину в 1150px и отцентрализировать и что б убрать проблему при уменьшении поставить в таблицу

psywalker · February 12, 2011

Задай через CSS таблице ширину и выровни её по ширине margin: 0 auto;

Floran · February 12, 2011

а какой доктайп лучше всево использывать?

psywalker · February 12, 2011

а какой доктайп лучше всево использывать?

Смотря какую разметку и синтаксис языка ты хочешь использовать на своей странице.

Floran · February 13, 2011

еще вопрос а как в таблице обьект поверх обьекта ставить? при помощи свойства position:absilute; нужный обьект получается под оьбектом

Dinow · February 13, 2011

С помощью z-index

http://htmlbook.ru/css/z-index

Sign In

Таблица

Question

Link to comment

Share on other sites

24 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

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