Консультация № 170671
21.07.2009, 21:33
0.00 руб.
0 0 0
Здравствуйте! Уважаемые эксперты!
Извините что Вас беспокою. Но столкнулся с такой проблемой: есть некий сайт с index.html страничкой которая разделена на несколько частей с помощью тега div 1). Верхняя; 2). Нижняя; между ними размещены 3). Левая; 4). Центральная; 5). Правая;
в левой размещено меню сайта которое использует как html код в основной странице так и CSS форматирование и JavaScript код.
Нужно сделать так чтоб все ссылки из меню открывались в центральной части. Что я этим хочу сказать есть статические страницы, которые надо запихнуть в этот центральный div, но чтобы при открытии в новой вкладке или окне они открывались как бы на всю страницу. Но также чтобы при открытии ссылки с конкретной страницы она также открывалась в том div’е сто и родительская. Если что-то неясно с удовольствием объясню более детально что я имею ввиду. Обращайтесь по ICQ.

Для более наглядного представления в приложении указан код страницы index.html.

С уважением?

Приложение:
<body class="thrColElsHdr">

<!-- start #container -->
<div id="Container">
<!-- start #Header -->
<div id="Header">
<table id="HeadTable"><tr id="HeadRow">
<td id="HeadCellsL"><img id="HeadImgL" src="Images/Lesser_CoA_Ukraine.png" alt="Малий Герб України"></td>
<td id="HeadCellsC"><img id="HeadImgC" src="Images/Name.png" alt="Ужгородський Професійний Машинобудівний Ліцей"></td>
<td id="HeadCellsR"><img id="HeadImgR" src="Images/Flag_of_Ukraine.png" alt="Прапор України"></td>
</tr></table>
</div>
<!-- start #SideBarLeft -->
<div id="SideBarLeft">
<div id="LineHeaderSideBarLeft" align="center">
<table class="LineHeadTable"><tr>
<td class="LineHeadTd"><a href="#"><img src="Images/usa.gif" alt="EN"></a></td>
<td class="LineHeadTd"><img src="sdmenu/title.gif" width="2"></td>
<td class="LineHeadTd"><a href="#"><img src="Images/ukraine.gif" alt="UA"></a></td>
<td class="LineHeadTd"><img src="sdmenu/title.gif" width="2"></td>
<td class="LineHeadTd"><a href="#"><img src="Images/russia.gif" alt="RU"></a></td>
<td class="LineHeadTd"><img src="sdmenu/title.gif" width="2"></td>
<td class="LineHeadTd"><a href="#"><img src="Images/hungary.gif" alt="HU"></a></td>
<td class="LineHeadTd"><img src="sdmenu/title.gif" width="2"></td>
<td class="LineHeadTd"><a href="#"><img src="Images/slovakia.gif" alt="SK"></a></td>
</tr></table>
</div>
<div style="float: left" id="my_menu" class="sdmenu">
<div>
<span>SubMenu 1</span>
<a href="Zajava.html">Заява</a>
</div>
<div>
<span>SubMenu 2</span>
<a href="Anketa.html" target="Content">Анкета</a>
</div>
<div class="collapsed">
<span>SubMenu 3</span>
<a href="#">Current or not</a>
</div>
<div class="collapsed">
<span>SubMenu 4</span>
<a href="#">Current or not</a>
</div>
</div>
</div>
<!-- end #SideBarLeft -->
<!-- start #SideBarRight -->
<div id="SideBarRight">
<div id="LineHeaderSideBarRight" align="center">
<table class="LineHeadTable"><tr>
<td class="LineHeadTd"><a href="news.rss"><img src="images/rss22.png" alt="RSS Feed" border="0"></a></td>
<td class="LineHeadTd"> </td>
<td class="LineHeadTd"> </td>
<td class="LineHeadTd"> </td>
<td class="LineHeadTd"> </td>
</tr></table>
</div>
<!-- <a href="http://www.meteoprog.ua/ua/weather/Uzhgorod/" target="_blank"><img src="http://www.meteoprog.ua/ua/informerget/?type=29&city[]=Uzhgorod&color=EDF1FB&txtcolor=000000" border="0" alt="Погода в Ужгороді" title="Погода в Ужгороді"></a>-->
Text
</div>
<!-- end #SideBarRight -->
<!-- start #MainContent -->
<div id="MainContent">
<div id="LineMainContent">
<form name="search" method="get" action="#" enctype="text/plain" id="Form1">
<input type="hidden" name="domains" value="www.UzhgorodPML.edu.ua">
<input type="hidden" name="sitesearch" value="www.UzhgorodPML.edu.ua">
<table class="LineHeadTable"><tr>
<td class="time">
<nobr><script language="JavaScript">document.write(sayHello());</script> Зараз <script language="JavaScript">document.write(display_date());</script></nobr>
</td>
<td class="LineHeadTd"><input type="text" name="text" size="40" value="пошук по сайті" maxlength="160" onclick="if(this.value=='пошук по сайті'){this.value=''}" onblur="if(this.value==''){this.value='пошук по сайті'}" style="height:16px; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;"></td>
<td class="LineHeadTd"><input type="image" name="ImageButton2" id="ImageButton2" src="images/search_small.png"></td>
<td class="LineHeadTd"><input type="image" name="ImageButton1" id="ImageButton1" src="images/ssearch_small.png"></td></tr>
</table>
</form>
</div>
<div id="Content" title="Content">
Text
</div>
</div>
<!-- end #MainContent -->
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
<br class="clearfloat">
<!-- start #Footer -->
<div id="Footer">
<p>Copyright © 2009 «Ужгородський професійний машинобудівний ліцей», Всі права захищено.</p>
<!-- end #Footer --></div>
</div>
<!-- end #container -->
</body>

Обсуждение

Форма ответа