ppvkomi

Все с картинкой разобрался width: 205px; /* Ширина рисунка в пикселах */ а это удалил и вовсе A.rollover:hover { background-position: 0 /* Смещение по горизонтали */ -40px; /* Смещение вверх по вертикали */ } осталось только текст по центру выровнять.Ни как не врублюсь если честно сказать.

У меня код выглядет вот так <table bgcolor="#ffffff" border="3" cellpadding="0" cellspacing="0" width="100%"> <!--<tr> --> <!--<td align="center" colspan=3 valign="middle"> --> <!--<table width=100% border="1" align="center" valign="middle" background="images/shapka-2.jpg">--> <!--<tr> --> <tbody><tr><td align="center" valign="middle"> <p><a href="link.html" class="rollover">Главная</a></p> </td> <td align="center" valign="middle"> <p><a href="link.html" class="rollover">Прайс лист</a></p> </td> <td align="center" valign="middle"> <p><a href="link.html" class="rollover">Гарантийные обязательства</a></p> </td> <td align="center" valign="middle"> <p><a href="#" class="rollover">Обмен ссылками</a></p> </td> <td align="center" valign="middle"> <p><a href="link.html" class="rollover">Регистрация</a></p> </td> <td align="center" valign="middle"> <p><a href="link.html" class="rollover">Обратная связь</a></p> </td> <td align="center" valign="middle"> <p><a href="link.html" class="rollover">Условия доставки</a></p> </td> <td align="center" valign="middle"> <p><a href="link.html" class="rollover">Как заказать товар</a></p> </td> A.rollover { background: url('images/shapka.jpg'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 196px; /* Ширина рисунка */ height: 183px; /* Высота рисунка */ border: 1px solid #000; /* Рамка вокруг картинки */ } A.rollover:hover { background: url('images/shapka.jpg'); /* Путь к файлу с заменяемым рисунком */ } A.rollover { background: url('images/podval.gif '); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 151px; /* Ширина рисунка в пикселах */ height: 40px; /* Высота рисунка */ } A.rollover:hover { background-position: 0 /* Смещение по горизонтали */ -40px; /* Смещение вверх по вертикали */ } При этом если с кода вырезать вот это A.rollover { background: url('images/podval.gif '); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 151px; /* Ширина рисунка в пикселах */ height: 40px; /* Высота рисунка */ } A.rollover:hover { background-position: 0 /* Смещение по горизонтали */ -40px; /* Смещение вверх по вертикали */ } то все пропадает что посоветуете.

вот сделал с помощью rollover только вот как сделать так что бы текст был по середине и изображение во всю таблицу

ну вот спасибо почитаем и изучим. Ведь можно же нормальные советы давать а не ......

хоть один грамотный человек ответил а то все остальные смотрю БОГИ CSS и HTML.... кстате подскажи всеже в каком разделе смотреть про rollover

так сделай лучше и радуйся а мне пока эти пойдут для начала

эй умник над дизайном и парюсь и обсуждать его не просил.

дай ссылку где читать. А почему код отстой громоздкий что ли.

вот создал меню кнопки сделал в фотошопе.При наведении на кнопку она меняется Я правельно понимаю теперь нужно кнопки залить в папку IMEIGE и прописать код. <a class="shapka" href="http://www.express-mag.ru/index.php">'>http://www.express-mag.ru/index.php"> </a><a href="http://www.express-mag.ru/index.php" onMouseOut="MM_swapImgRestore()" onMouseOve"MM_swapImage('Image18','','Новая папка/knopka1.jpg',1)"><img src="Новая папка/knopka.jpg" name="Image18" width="199" height="40" border="0"></a> <td align="center" valign="middle"> <a class="shapka" href="http://www.express-mag.ru/index.php?show_price=yes">'>http://www.express-mag.ru/index.php?show_price=yes"> </a><a href="http://www.express-mag.ru/index.php?show_price=yes" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image19','','Новая папка/knopka3.jpg',1)"><img src="Новая папка/knopka2.jpg" name="Image19" width="205" height="40" border="0"></a> </td> <td align="center" valign="middle"> <a href="http://www.express-mag.ru/index.php?show_aux_page=1" class="shapka"> </a><a href="http://www.express-mag.ru/index.php?show_aux_page=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image20','','Новая папка/knopka5.jpg',1)"><img src="Новая папка/knopka4.jpg" name="Image20" width="294" height="40" border="0"></a> </td> <td align="center" valign="middle"> <a href="http://www.express-mag.ru/index.php?links_exchange=yes" class="shapka"> </a><a href="http://www.express-mag.ru/index.php?links_exchange=yes" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image21','','Новая папка/knopka9.jpg',1)"><img src="Новая папка/knopka8.jpg" name="Image21" width="190" height="40" border="0"></a> </td> <td align="center" valign="middle"> <a href="http://www.express-mag.ru/index.php?register=yes" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image22','','Новая папка/knopka11.jpg',1)"><img src="Новая папка/knopka10.jpg" name="Image22" width="166" height="40" border="0"></a> </td> <td align="center" valign="middle"> <a href="http://www.express-mag.ru/index.php?feedback=yes" class="shapka"> </a><a href="http://www.express-mag.ru/index.php?feedback=yes" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','Новая папка/knopka13.jpg',1)"><img src="Новая папка/knopka12.jpg" name="Image23" width="195" height="40" border="0"></a> </td> <td align="center" valign="middle"> <a href="http://www.express-mag.ru/index.php?show_aux_page=2" class="shapka"> </a><a href="http://www.express-mag.ru/index.php?show_aux_page=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','Новая папка/knopka15.jpg',1)"><img src="Новая папка/knopka14.jpg" name="Image24" width="205" height="40" border="0"></a> </td> <td align="center" valign="middle"> <a href="http://www.express-mag.ru/index.php?show_aux_page=3" class="shapka"> </a><a href="http://www.express-mag.ru/index.php?show_aux_page=3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','Новая папка/knopka7.jpg',1)"><img src="Новая папка/knopka6.jpg" name="Image25" width="205" height="40" border="0"></a> </td>

спасибо за советы будем пробывать. я так понимаю что стоит перевести сайт на новый движок .

ну что же всем лень помочь.

вот добавил в меню кнопки с помощью тега <button>....</button> теперь подскажите как из этих кнопок сделать такие

а спасибо....

понимаете такую вещь просто я смотрел разные коды и везде есть теги IMG и DIV вот мне и не понятно куда их прописывать у меня их в коде нет по этому и не получается нечерта. Еще у меня нет в коде вот такой строчки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> насколько она важна в теле документа , ну и код страницы я могу выложить это не проблема

а кто просит сделать то я лишь просил помочь только как точнее просил совета как это сделать правельно что бы не закосячить магазин.

Justnewone Вы видать и HTML и CSS выучили за один час и все хитрости тоже. Скажу проще если просто лень хотябы направить в правельное русло то так и пишите... Жаль нет изначального скина что было показал бы ...

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

Нижнее меню вы можете использовать путем переноса кода с сайта с приведенного скриншота себе. как узнать этот код и куда правельно прописать. Подскажите пожалуйста.

The CSS code: это код кнопки .button { display: -moz-inline-stack; display: inline-block; width: 250px; height: 50px; background-image: line-height: 50px; vertical-align: text-middle; text-align: center; color: #ffffff; font-family: SF_Arch_Rival; font-size: 25px; font-weight: normal; font-style: normal; text-shadow: #333344 1px 1px 0; } .button > span { display: -moz-inline-block; } куда это нужно прописать чтобы добавить на сайт в мое меню которое на сайте вот такая кнопка

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

Народ помогите добавить кнопку в меню сайта.Как это сделать. Даже скажите как правельно это сделать и что где нужно прописать.для этого сайта