Позиция блока

[spirit-ua]

Всем Привет!

Если ошибся разделом - перенесите

Накидал с примеров

<style>
.map_2{
	border: red solid 1px;
	position: fixed;           
	right: 10px;               
	bottom: 50px;                 
	padding: 2px;   
	display: none;
}
</style>

<script type="text/javascript">
	function viewdiv(id){
		var el=document.getElementById(id);
		if(el.style.display=="block"){
			el.style.display="none";
		} 
		else {
			el.style.display="block";
		}
	}
</script>

<div id="mydiv2" class="map_2">text 2</div>

<TABLE ALIGN=CENTER WIDTH="75%" HEIGHT="100%" BORDER=2 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD HEIGHT="100%"><a href="#" onclick="viewdiv('mydiv2');">Показать блок</a></TD>
</TR>
</TABLE>

все работает, но мне нужно отображать <div> не там где я прописал в стилях, а именно над (под) ссылкой по которой происходит клик

В Javascript несилен, помогите

[spirit-ua]

сделал так

<style>
.parent{
	position:relative;
	background:black;
	color: white;
	cursor: pointer;
}
.child{
	position:absolute;
	top:20;
	background:red;
	height:100px;
	width:100px;
	display: none;
}
</style>

<script type="text/javascript">
	function viewdiv(id){
		var el=document.getElementById(id);
		if(el.style.display=="block"){
			el.style.display="none";
		} 
		else {
			el.style.display="block";
		}
	}
</script>

<TABLE WIDTH="100%" BORDER=2 CELLSPACING=4 CELLPADDING=4>
	<TR>
		<TD>1</TD>
	</TR>
	<TR>
		<TD>
			<div class="parent" onclick="viewdiv('mydiv2');">TEXT
				<div id="mydiv2" class="child">Текст дочернего элемента</div>
			</div>		
		</TD>
	</TR>
	<TR>
		<TD>3</TD>
	</TR>
</TABLE>

насколько "неправильно" с точки зрения кода?

[Naive]

Если смотреть только по этой задаче:

Сообщение от spirit-ua

нужно отображать <div> не там где я прописал в стилях, а именно над (под) ссылкой по которой происходит клик

... то подход верный (использовать относительное позиционирование в качестве контекста для абсолютного блока).