Не верно отоьражается php

[murzik]

Хочу создать на странице изменяющееся меню. в файл индекс.пхп добавляю <?php require_once("menu.php");?>
создаю файл menu.php? и в него записываю:
<table border="0" cellpadding="0" cellspacing="0" width="172">
<tr>
<td width="172" height="101">
<img border="0" src="images/star_08.gif" width="172" height="101">
</td>
</tr>
<tr><td width="172" height="30">
<a href="http://www.starhouse.net">
<img border="0" src="images/star2_17.gif" width="172" height="38"></a>
</td>
</tr><tr>
<td width="172" height="29">
<img border="0" src="images/star2_18.gif" width="172" height="29">
</td>
</tr>
</table>
и когда просматриваю страницу то между изображений остаётся свободное пространство,
если встасить этот код в хтмл стпаницу (статично) то всё нармально.
Подскажите почему остаются эти промежутки между изображениями. И как их устранить?

[RXL]

Промежутков быть не должно.

Сохрани в браузе оба варианта страницы и сравнивай HTML-код.

[RomCom]

Возможно между тегами затисались не нужные пробелы. Для проверки запиши все в одну строку, без пробелов и enter-ов. Если после этого промежутки изчезнут, тогда точно дело в лишних пробелах.

[schnibbl]

html лишние пробелы сам игнорирует

[RomCom]

по стандарту может и должен, но например IExplorer в некоторых случаях пробелы странно интерпритирут. Бывали случаи когда пробелы искожали страницу до неузноваемости

[murzik]

Оказывается что проблема в </td> если записать так то пробелов нет
<img border="0" src="images/star2_17.gif" width="172" height="38"></a></td>
а если так то они есть
<img border="0" src="images/star2_17.gif" width="172" height="38"></a>
</td>

У меня ещё один вопрос как сделать чтобы картинки при наведении мышки на них менялись.
Пробовал так
В стилях прописываю
:hover.menu { background:url('images/star_17.gif'); cursor:hand
   }
.menu2{ background:url('images/star2_17.gif'); cursor:hand
   }
в меню.пхп
...
...
<tr>
<td class=menu onmouseover="this.className='menu'" onmouseout="this.className='menu2'" width="172" height="30">
<a href="http://www.starhouse.net">
<img border="0" src="images/star2_17.gif" width="172" height="38"></a></td>
</tr>
но не работает

[murzik]

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

[RXL]

murzik, который из них второй? Может вкратце повторишь?

Насчет картинок: попробуй через javascript.
Что-то вроде:

Код:

<SCRIPT TYPE="text/javascript">
function func_over( obj )
{
    obj.src = "2.gif";
}

function func_out( obj )
{
    obj.src = "1.gif";
}
</SCRIPT>

<IMG SRC="1.gif" ONMOUSEOVER="func_over(this);" ONMOUSEOUT="func_out(this);" />

Это не фон - это просто картинки.
Данный код я не тестировал, но метод изметения src для IMG работает и в IE и в Mozilla.

[nikedeforest]

А нафиг ты так со стилями работаешь? Позволь я тебе предложу немного по другому сделать.
в файле css

.topmenu   
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      color: #336699;
      text-decoration: none;
}
.topmenu a:link 
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      color: #336699;
      text-decoration: none;
}
.topmenu a:visited   
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      color: #336699;
      text-decoration: none;
}
.topmenu a:active 
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      color: #336699;
      text-decoration: underline;
}
.topmenu a:hover
{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 12pt;
      font-weight: bold;
      color: #336699;
      text-decoration: underline;
}

В файле html

<!--///////////////////        -->
   <tr><td align="right"><table border="0" cellpadding="0" cellspacing="0" width="600" class="topmenu">
        <tbody><tr align="center" valign="bottom" class="topmenu">
          <td align="center" >
          <a href="../" >&#227;&#235;&#224;&#226;&#237;&#224;&#255;</a></td>
          <td align="center"><img src="images/menu.gif" height="11" width="11"></td>
          <td align="center" >
          <a href="<?$path?>index.php?product=all" >&#239;&#229;&#240;&#229;&#247;&#229;&#237;&#252; &#242;&#238;&#226;&#224;&#240;&#238;&#226;</a></td>
          <td align="center" ><img src="images/menu.gif" height="11" width="11"></td>
          <td align="center" >
          <a href="<?$path?>index.php?menu=aboutshop" >&#238; &#236;&#224;&#227;&#224;&#231;&#232;&#237;&#229;</a></td>
          <td align="center" ><img src="images/menu.gif" height="11" width="11"></td>
          <td align="center" >
          <a href="<?$path?>index.php?menu=instructclient">&#231;&#224;&#234;&#224;&#231;/&#238;&#239;&#235;&#224;&#242;&#224;/&#228;&#238;&#241;&#242;&#224;&#226;&#234;&#224;</a></td>
                     </tr>
      </tbody></table></td>
  <!--//////////////////         -->

Здесь конечно не то что тебе надо. Здесь реализовано всего навсего следующее. При наведении на ссылку появляется подчеркивание. Ну надеюсь тебе пригодиться.
А javascript здесь не обязательна .

[nikedeforest]

Ой, что-то глюки кое где отобразились. Ну ты на это не смотри. То что тебе надо отобразилось нормально. Это цсс и пропись класса class="topmenu", а остальное там - это просто ссылки и просто рисунки

[murzik]

RXL твой вариант подходит. Что бы постоянно не переписывать скриптик с адресами разных картинок для каждой ссылки наверное им можно присвоить имена Ты не подскажешь как?, а то я в javascript неселён.

[RXL]

murzik, объясни более полно, что тебе надо?

[murzik]

У меня целое навигационное меню, ты указал пример для замены одной картинки.
а мне нужно пременить такой эффект ко всем пунктам меню.

[RXL]

Попробуй в моем примере размножить <IMG ...>.

[murzik]

При наведении мыши на картинку она должна смениться другой
и так для нескольких пунктов меню
каждая картинка должна сменяться совершенно другой картинкой

[RXL]

Код:

<SCRIPT TYPE="text/javascript">
function set_img( obj, img_path )
{
    obj.src = img_path;
}
</SCRIPT>

<IMG SRC="1b.gif" ONMOUSEOVER="set_img(this,'1a.gif');" ONMOUSEOUT="func_out(this,'1b.gif');" />
<IMG SRC="2b.gif" ONMOUSEOVER="set_img(this,'2a.gif');" ONMOUSEOUT="func_out(this,'2b.gif');" />

[murzik]

 Во теперь всё нармально. Только вот строчку одну пришлось подправить
ето
<IMG SRC="1b.gif" ONMOUSEOVER="set_img(this,'1a.gif');" ONMOUSEOUT="func_out(this,'1b.gif');" />
на ето
<IMG SRC="1b.gif" ONMOUSEOVER="set_img(this,'1a.gif');" ONMOUSEOUT="set_img(this,'1b.gif');" />
если не трудно, то распишите пожалуйста что здсь что делает и означает (циликом скрипт) заранее спасибо.

[RXL]

murzik, вместо func_out() надо set_img() - это я ошибся.

Скрипт простой: устанавливает url источника картинки.
this - специальный указатель на текущий объект.

[murzik]

Ок. Спасибо.