Создать форум бесплатно: ixbb.ru :: Календарь на Март 2024 года: calendar2008.ru/2024/mart/

Страницы: (2) [1] 2  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

Не работает меню

, Не срабатывает смена картинок.
yatop
Отправлено: Nov 2 2010, 04:39 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 9
Пользователь №: 3588
Регистрация:
2-November 10



Знатоки и профессионалы, помогите, пожалуйста. Первый раз делаю сайт сама и себе smile.gif

Не могу понять почему не работает код:


<div class="body">
<table class="header1" id="Table_01" width="900" height="228" border="0" cellspacing="0" cellpadding="0">
<tr><td width="23" rowspan="6">&nbsp;</td>
<td height="38" width="213">
    <a href="#" onmouseover="window.status='knowledges'; changeImages('knowledges', 'images/knowledges-over.gif'); return true;"
                onmouseout="window.status=''; changeImages('knowledges', 'images/knowledges.gif'); return true;"
                onmousedown="changeImages('knowledges', 'images/knowledges-over.gif'); return true;"
                onmouseup="changeImages('knowledges', 'images/knowledges-over.gif'); return true;">
              <img name="knowledges" src="images/knowledges.gif" border="0" height="38" width="213" alt="Знания"></a></td>



и т.д. там таких 6 пунктов.

А да! У header1 задан фон на всю таблицу ... может поэтому? Тогда, как переписать код?

Спасибо!
PMEmail Poster
Top
dudeonthehorse
Отправлено: Nov 2 2010, 06:01 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



не силен в java script, но:
я так понимаю тут лишь меняются картинки при наведении на пункты меню мышью. если так, то могу написать вариант без скриптов на чистом html и css
PMEmail PosterICQ
Top
yatop
Отправлено: Nov 2 2010, 06:03 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 9
Пользователь №: 3588
Регистрация:
2-November 10



ага, только меняются картинки.

Буду очень благодарна, спасибо!
PMEmail Poster
Top
dudeonthehorse
Отправлено: Nov 2 2010, 06:25 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



само меню
CODE
<ul class="my-menu">
<li><a href="ссылка"><img src="picture.gif"></a></li>
<li><a href="ссылка"><img src="picture.gif"></a></li>
<li><a href="ссылка"><img src="picture.gif"></a></li>
<li><a href="ссылка"><img src="picture.gif"></a></li>
</ul>

css стили ля него.
CODE
ul.my-menu{
margin:0; //убираем внешние отступы списка
padding:0; //убираем внутрениие отступы списка
list-style-type:none; //убираем значки списка
width:74px; // обязательно указываем ширину списка в размере ширины картинок
}
ul.my-menu a{
background:url(home.gif) left top no-repeat; //указываем фон для обычного состояния ссылки
float:left; //обтекание для правильного отображения
}
ul.my-menu a:hover{
background:url(arr.gif) left top no-repeat; //фон для ссылки при наведении
}
ul.my-menu img{
visibility:hidden; // прячем картинку в ссылке. мы ее вообще вставляли только для того, чтобы растянуть блок ссылки под нужные размеры
float:left; //обтекание для правильного отображения
}
PMEmail PosterICQ
Top
yatop
Отправлено: Nov 2 2010, 06:29 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 9
Пользователь №: 3588
Регистрация:
2-November 10



Спасибо!

А скажите, пожалуйста, у меня сейчас таблица и там ячейки (в каждой картинка). Если я объединю эти ячейки и там размещу список, все получится?
PMEmail Poster
Top
dudeonthehorse
Отправлено: Nov 2 2010, 06:38 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



немного не понял как должно отображаться меню, и именно поэтому выложите код всей страницы, чтобы я дал вам пример, который будет точно работать в вашем случае.
PMEmail PosterICQ
Top
yatop
Отправлено: Nov 2 2010, 07:15 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 9
Пользователь №: 3588
Регистрация:
2-November 10



<!-- BODY begin -->
<div class="body">
<table class="header1" id="Table_01" width="900" height="228" border="0" cellspacing="0" cellpadding="0">
<tr><td width="23" rowspan="6">&nbsp;</td>
<td height="38" width="213">
<a href="#" onmouseover="window.status='knowledges1'; changeImages('knowledges1', 'images/knowledges1-over.gif'); return true;"
onmouseout="window.status=''; changeImages('knowledges1', 'images/knowledges1.gif'); return true;"
onmousedown="changeImages('knowledges1', 'images/knowledges1-over.gif'); return true;"
onmouseup="changeImages('knowledges1', 'images/knowledges1-over.gif'); return true;">
<img name="knowledges1" src="images/knowledges1.gif" border="0" height="38" width="213" alt="Знания"></a></td>
<td width="23" rowspan="6">&nbsp;</td>
<td width="618" rowspan="6">&nbsp;</td>
<td width="23" rowspan="6">&nbsp;</td>
</tr>
<tr>
<td height="38" width="213">
<a href="#" onmouseover="window.status='trainings1'; changeImages('trainings1', 'images/trainings1-over.gif'); return true;"
onmouseout="window.status=''; changeImages('trainings1', 'images/trainings1.gif'); return true;"
onmousedown="changeImages('trainings1', 'images/trainings1-over.gif'); return true;"
onmouseup="changeImages('trainings1', 'images/trainings1-over.gif'); return true;">
<img name="trainings1" src="images/trainings1.gif" alt="Тренинги" border="0" height="38" width="213"></a></td>
</tr>
<tr>
<td height="38" width="213">
<a href="#" onmouseover="window.status='consultations1'; changeImages('consultations1', 'images/consultations1-over.gif'); return true;"
onmouseout="window.status=''; changeImages('consultations1', 'images/consultations1.gif'); return true;"
onmousedown="changeImages('consultations1', 'images/consultations1-over.gif'); return true;"
onmouseup="changeImages('consultations1', 'images/consultations1-over.gif'); return true;">
<img name="consultations1" src="images/consultations1.gif" alt="Консультации" border="0" height="38" width="213"></a></td>
</tr>
<tr>
<td height="38" width="213">
<a href="#" onmouseover="window.status='items1'; changeImages('items1', 'images/items1-over.gif'); return true;"
onmouseout="window.status=''; changeImages('items1', 'images/items1.gif'); return true;"
onmousedown="changeImages('items1', 'images/items1-over.gif'); return true;"
onmouseup="changeImages('items1', 'images/items1-over.gif'); return true;">
<img name="items1" src="images/items1.gif" alt="Разное" border="0" height="38" width="213"></a></td>
</tr>
<tr>
<td height="38" width="213">
<a href="#" onmouseover="window.status='О компании'; changeImages('about1', 'images/about1-over.gif'); return true;"
onmouseout="window.status=''; changeImages('about1', 'images/about1.gif'); return true;"
onmousedown="changeImages('about1', 'images/support-over.gif'); return true;"
onmouseup="changeImages('about1', 'images/about1-over.gif'); return true;">
<img name="about1" src="images/about1.gif" alt="О компании" border="0" height="38" width="213"></a></td>
</tr>
<tr>
<td height="38" width="213">
<a href="#" onmouseover="window.status='Контакты'; changeImages('contacts1', 'images/contacts1-over.gif'); return true;"
onmouseout="window.status=''; changeImages('contacts1', 'images/contacts1.gif'); return true;"
onmousedown="changeImages('contacts1', 'images/contacts1-over.gif'); return true;"
onmouseup="changeImages('contacts1', 'images/contacts1-over.gif'); return true;">
<img name="contacts1" src="images/contacts1.gif" alt="Контакты" border="0" height="38" width="213"></a></td>
</tr>
</table>
<table class="header2" width="900" height="23 border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td height="23" width="900">&nbsp;</td></tr></table>

<table class="body" width="900" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td rowspan="2" width="46"><img class="h" src="images/left.gif"></img></td>
<td rowspan="2" width="190">
<img class="h" src="images/image1.gif"></img>
<h1 class="h1"></h1>
<img class="h" src="images/adress.gif"></img>
<img class="h" src="images/phone.gif"></img>
<img class="h" src="images/number.gif"></img>
<img class="h" src="images/email.gif"></img>
<p><a href="">info@company.com</a></p></td>
<td rowspan="2" width="23">&nbsp;</td>
<td class="dotted" colspan="3">
<h1 class="h2"></h1>
<img class="left" src="images/image2.gif"></img>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient.
bonec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer</p>
<p class="right"><span class="arrow"><a href="">Read more</a></span></p></td>
<td rowspan="2" width="46"><img class="h" src="images/right.gif"></img></td>
</tr>
<tr valign="top">
<td width="199">
<h2 class="h1"></h2>
<p><span class="arrow"></img>&nbsp;<a href="">Read more</a><br/></p></td>

<td width="198">
<h2 class="h2"></h2>
<p><span class="arrow"></img>&nbsp;<a href="">Read more</a><br/></p></td>

<td width="198">
<h2 class="h3"></h2>
<p><span class="arrow"></img>&nbsp;<a href="">Read more</a><br/></p></td>
</tr>
</table>

</div>
<!-- BODY end -->


Это только тело. Еще есть header и footer smile.gif
PMEmail Poster
Top
dudeonthehorse
Отправлено: Nov 3 2010, 12:43 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



немного странно отображается документ. такой нюанс - меню горизонтальное или вертикальное?
PMEmail PosterICQ
Top
yatop
Отправлено: Nov 3 2010, 12:45 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 9
Пользователь №: 3588
Регистрация:
2-November 10



вертикальное
PMEmail Poster
Top
dudeonthehorse
Отправлено: Nov 10 2010, 01:06 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 763
Пользователь №: 2933
Регистрация:
26-October 09



извиняюсь за задержку с ответом, много работы.
меню придется немного подогнать по стилям, а выходит примерно так:
CODE
<!-- BODY begin -->
<div class="body">
<table class="header1" id="Table_01" width="900" height="228" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="23">&nbsp;</td>
   <td width="213"><!-- сюда пример моего меню --></td>
   <td width="23">&nbsp;</td>
   <td></td>
</tr>
</table>
<table class="header2" width="900" height="23 border="0" cellspacing="0" cellpadding="0">
<tr valign="top"><td height="23" width="900">&nbsp;</td></tr></table>

<table class="body" width="900" border="0" cellspacing="0" cellpadding="0">
<tr valign="top">
<td rowspan="2" width="46"><img class="h" src="images/left.gif"></img></td>
<td rowspan="2" width="190">
<img class="h" src="images/image1.gif"></img>
<h1 class="h1"></h1>
<img class="h" src="images/adress.gif"></img>
<img class="h" src="images/phone.gif"></img>
<img class="h" src="images/number.gif"></img>
<img class="h" src="images/email.gif"></img>
<p><a href="">info@company.com</a></p></td>
<td rowspan="2" width="23">&nbsp;</td>
<td class="dotted" colspan="3">
<h1 class="h2"></h1>
<img class="left" src="images/image2.gif"></img>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient.
bonec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer</p>
<p class="right"><span class="arrow"><a href="">Read more</a></span></p></td>
<td rowspan="2" width="46"><img class="h" src="images/right.gif"></img></td>
</tr>
<tr valign="top">
<td width="199">
<h2 class="h1"></h2>
<p><span class="arrow"></img>&nbsp;<a href="">Read more</a><br/></p></td>

<td width="198">
<h2 class="h2"></h2>
<p><span class="arrow"></img>&nbsp;<a href="">Read more</a><br/></p></td>

<td width="198">
<h2 class="h3"></h2>
<p><span class="arrow"></img>&nbsp;<a href="">Read more</a><br/></p></td>
</tr>
</table>

</div>
<!-- BODY end -->
PMEmail PosterICQ
Top

Topic OptionsСтраницы: (2) [1] 2  Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0487 ]   [ 10 queries used ]   [ GZIP выключен ]