Здравствуйте. На страницах сайта слева сделано меню в виде кнопок. На всех страницах слева одно и тоже.
Поэтому решила организовать меню в отдельном файле, а затем на каждую страницу грузить его с помощью тега iframe. Такую организацию меню видела на одном из сайтов.
Эту конструкцию воспроивела у себя. Однако она не работает как надо.
синтаксис iframe с атрибутами внимательно перепроверила. Должно работать.
загрузка содержимого файла в левую колонку происходит хорошо.
Однако при нажатии на кнопку-ссылку, ссылочкая страница грузится в эту же колонку на данной странице, а не переходит на ту новую страницу. В результате страница, на которую ведет ссылка оказывается внутри ячейки, где только что было меню.
В интернете, в уроках, в документации ответа на вопрос: почему так происходит, не нашла.
Где я ошиблась? Что не правильно сделала?
=======Вот часть файла страницы куда грузится меню====
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>framlevo</title>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<!-- ЛЕВАЯ КОЛОНКА С ЛЕВЫМ МЕНЮ -->
<td width="175" valign="top">
<!-- ОПИСАНИЕ иФРЕЙМА ОТКУДА БРАТЬ ВСТАВКУ ДЛЯ ЛЕВОГО МЕНЮ-->
<iframe height="1700" width="100%" align="left" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" hspace="0" vspace="0" name="menu" src="./menu.html">
</iframe>
</td>
<td width="598"></td>
</table>
</body>
</html>
============Вот файл menu.html , где собственно и находится колонка с меню =======
Отдельный файл с меню в виде таблицы. состоящей из 1-ой колонки с кнопками-ссылками
<table width="100" border="0" cellspacing="0" cellpadding="0" align="center" >
<td width="100" valign="top" scope="row">
<a href="index.html"> <img src="graf/knGlawnaya.jpg" alt="кнопка" name="главная" width="100" height="100" hspace="0" vspace="0" border="0" id="главная" /></a>
<a href="htmls/new2knigi.html"><img src="graf/kn4.jpg" alt="кнопка4" name="книги" width="100" height="100" border="0" id="книги" /></a>
<a href="htmls/new3Prezen.html"><img src="graf/kn9.jpg" alt="Презент" name="презентации" width="100" height="100" border="0" id="презентации" /></a>
</td>
</table>
==================================================
Поэтому решила организовать меню в отдельном файле, а затем на каждую страницу грузить его с помощью тега iframe. Такую организацию меню видела на одном из сайтов.
Эту конструкцию воспроивела у себя. Однако она не работает как надо.
синтаксис iframe с атрибутами внимательно перепроверила. Должно работать.
загрузка содержимого файла в левую колонку происходит хорошо.
Однако при нажатии на кнопку-ссылку, ссылочкая страница грузится в эту же колонку на данной странице, а не переходит на ту новую страницу. В результате страница, на которую ведет ссылка оказывается внутри ячейки, где только что было меню.
В интернете, в уроках, в документации ответа на вопрос: почему так происходит, не нашла.
Где я ошиблась? Что не правильно сделала?
=======Вот часть файла страницы куда грузится меню====
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>framlevo</title>
</head>
<body>
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<!-- ЛЕВАЯ КОЛОНКА С ЛЕВЫМ МЕНЮ -->
<td width="175" valign="top">
<!-- ОПИСАНИЕ иФРЕЙМА ОТКУДА БРАТЬ ВСТАВКУ ДЛЯ ЛЕВОГО МЕНЮ-->
<iframe height="1700" width="100%" align="left" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" hspace="0" vspace="0" name="menu" src="./menu.html">
</iframe>
</td>
<td width="598"></td>
</table>
</body>
</html>
============Вот файл menu.html , где собственно и находится колонка с меню =======
Отдельный файл с меню в виде таблицы. состоящей из 1-ой колонки с кнопками-ссылками
<table width="100" border="0" cellspacing="0" cellpadding="0" align="center" >
<td width="100" valign="top" scope="row">
<a href="index.html"> <img src="graf/knGlawnaya.jpg" alt="кнопка" name="главная" width="100" height="100" hspace="0" vspace="0" border="0" id="главная" /></a>
<a href="htmls/new2knigi.html"><img src="graf/kn4.jpg" alt="кнопка4" name="книги" width="100" height="100" border="0" id="книги" /></a>
<a href="htmls/new3Prezen.html"><img src="graf/kn9.jpg" alt="Презент" name="презентации" width="100" height="100" border="0" id="презентации" /></a>
</td>
</table>
==================================================