[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Меню над изображением
serzh
Хочу поместить свое горизонтальное меню на шапку сайта. Я делаю так:


<table>

<
img src='шапка.jpg'>

<
table style='margin-top:-75px;'>
<
tr>
<
td><a href='index.php'>Главная</a></td>
<
td><a href='reg.php'>Регистрация</a></td>
</
tr>
</
table>

</
table>



В итоге у меня виден только текст над изображением, а вот рамки, переливание фонового изображение при наводке миши не видно!!

Прошу о помощи!!!



Спустя 14 минут, 9 секунд (20.03.2010 - 22:27) Игорь_Vasinsky написал(а):
Цитата
<table>

<img src='шапка.jpg'>

<table style='margin-top:-75px;'>
<tr>
<td><a href='index.php'>Главная</a></td>
<td><a href='reg.php'>Регистрация</a></td>
</tr>
</table>

</table>


вот так для начала

<table>
<tr>
<td><img src='шапка.jpg'>
<table style='margin-top:-75px;'>
<tr>
<td><a href='index.php'>Главная</a></td>
<td><a href='reg.php'>Регистрация</a></td>
</tr>
</td>
</tr>
</table>
</table>



Цитата
а вот рамки, переливание фонового изображение при наводке миши не видно!!


для этого у вас здесь ни чего и не прописано... blink.gif

Спустя 10 минут, 9 секунд (20.03.2010 - 22:37) serzh написал(а):
Вот полный код:

<tr>
<
td><table width="100%" cellpadding="0" cellspacing="0" border="0">
<
tr>

<
td align="center" valign="top" width="900px"><div><img src="img/new.jpg" width="900" height="260"></div>

<
div id="nav" style=" padding-top:0px; padding-bottom:5px;">
<
table width="600px" cellpadding="0" style="margin-top:-12px;" cellspacing="0" border="0">
<
tr>
<
td style="border-right:2px solid #ffffff;" width="18%"><a href="index.php">Главная</a></td>
<
td style="border-right:2px solid #ffffff;" width="19%"><a href="about.php"> Об авторе </a></td>
<
td style="border-right:2px solid #ffffff;" width="24%"><a href="index.php"> Письмо админу </a></td>
<
td style="border-right:2px solid #ffffff;" width="22%"><a href="reg.php">Регистрация</a></td>
<
td width="17%"><a href="exit.php">Выход</a></td>
</
tr>
</
table>
</
div>
</
td>
</
tr>
</
table>





и id="nav"

#nav {
border-right:2px solid #ffffff;
}
#nav a{ display:block; text-align:center;
width: 100%; /*Ширина ячейки*/
padding-top:8px; padding-bottom:8px; font-weight:bold;
background-color:#414141; color:#FFFFFF;
}
#nav a:hover{
background-color:#000000; /*Фоновый цвет ячейки при наведение курсора*/
color: #FFFFFF; /*Цвет текста при наведении курсора*/
}

Спустя 7 минут, 39 секунд (20.03.2010 - 22:45) Игорь_Vasinsky написал(а):
Где css прописан ?
Где функция переливания фонового изображения при наведении ?

Спустя 4 минуты, 47 секунд (20.03.2010 - 22:49) serzh написал(а):
css прописан в отдельном вайле style.php (подключаюсь ко стилям в index.php). Измена фонового изображения при наведении мыши идет через функцию id="nav"!!!

Спустя 16 минут, 56 секунд (20.03.2010 - 23:06) Игорь_Vasinsky написал(а):
Цитата
ыши идет через функцию id="nav"!!!

ну этож не фукция, а иденимфмкатор

а для функции нужен JavaScript, простейший onMouseOver и onMouseOut и смпена класса, а значит идентификатор - нужно поменять на класс, а если использывать ID (#) - то маленько по другому, нужно будет менять стиль


Цитата
#nav {
border-right:2px solid #ffffff;
}


поменять на

.nav {
border-right:2px solid #ffffff;
}


а вместо
Цитата
<div id="nav" style=" padding-top:0px; padding-bottom:5px;">



вот

<div id="nav" class="nav" style=" padding-top:0px; padding-bottom:5px;">


id="nav" - а это будите испльзывать в JS

для смены класса:

document.getElementById('nav').className = "ваш класс";

Спустя 11 минут, 11 секунд (20.03.2010 - 23:18) serzh написал(а):
В JavaScript никогда не работал. Поэтому все хочу сделать в php. Можно как бы рисунок поместить на задний план, а менюшку на передний и вывести все это? Или мою затею надо делать только в JavaScript???

Спустя 4 минуты, 2 секунды (20.03.2010 - 23:22) Игорь_Vasinsky написал(а):
в php не возможно реализовать изменение в реальном времени, вам бы закрепится на HTML...


а по поводу

Цитата
Можно как бы рисунок поместить на задний план, а менюшку на передний и вывести все это?



так вам надо вместо того чтобы <img src='шапка.jpg'>

вставить картинку как фоновый рисунок той ячейки в которой у вас меню это вам знакомо ?

Спустя 2 минуты, 32 секунды (20.03.2010 - 23:24) Игорь_Vasinsky написал(а):
а вы где учились на php ? или паралельно с html осваиваете ?

Спустя 3 минуты, 44 секунды (20.03.2010 - 23:28) serzh написал(а):
PHP осваиваю сам. Толчком к этому стали уроки Евгения Попова!!

Спустя 5 минут, 25 секунд (20.03.2010 - 23:33) serzh написал(а):
Спасибо. Сделал фоновым рисунком и все получилось!

Спустя 1 минута, 3 секунды (20.03.2010 - 23:34) Игорь_Vasinsky написал(а):
но вам ещё плохо знаком html и css? дело конечно ваше, но азы, я считаю, прежде нужно освоить именно их.

Спустя 1 минута, 14 секунд (20.03.2010 - 23:36) Игорь_Vasinsky написал(а):
Обрашайтесь... меня можно пригласить в тему через личку... я в основном последнии темы смотрю, или новые сообщения. wink.gif Удачи.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.