|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
11.09.2010, 15:47 | #11 | |
Заблокирован
Регистрация: 26.07.2010
Сообщений: 160
|
1)Вот опробовал сократить, возникла проблема, не знаю как сократить вот эти строки, то есть именно вот это:
Код HTML:
5px center no-repeat; Код HTML:
#ikonka_menu1{background:url(img/p13.jpg) 5px center no-repeat; 2)Не знаю как правильно сделать чтоб при наведении мышкой на один из пунктов меню, пункт меню делался белым. Дело в том, что я для всего меню задал фон: .menu{background-color:#f7f8f6;} А как сделать чтоб именно на определённый навести пункт и он менял свой цвет, не получается никак. Вот переделанный мною код: Файл index.php Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Главная</title> </head> <body> <div class="shapkafon"> <div class="shapka"></div> </div> <div id="left" > <div class='title'></div> <div class="menu"> <div id="ikonka_menu1"> <a href="#">Пункт</a></div> <div id="ikonka_menu2"> <a href="#">Пункт</a></div> <div id="ikonka_menu3"> <a href="#">Пункт</a> </div> <div id="ikonka_menu4"> <a href="#">Пункт</a></div> <div id="ikonka_menu5"> <a href="#">Пункт</a></div> <div id="ikonka_menu6"> <a href="#">Пункт</a></div> <div id="ikonka_menu7"> <a href="#">Пункт</a></div> <div id="ikonka_menu8"> <a href="#">Пункт</a></div> <div id="ikonka_menu9"> <a href="#">Пункт</a></div> <div id="ikonka_menu10"><a href="#">Пункт</a></div> <div id="ikonka_menu11"><a href="#">Пункт</a></div> <div id="ikonka_menu12"><a href="#">Пункт</a></div> <div id="ikonka_menu13"><a href="#">Пункт</a></div> <div id="ikonka_menu14"><a href="#">Пункт</a></div> <div id="ikonka_menu15"><a href="#">Пункт</a></div> <div id="ikonka_menu16"><a href="#">Пункт</a></div> <div id="ikonka_menu17"><a href="#">Пункт</a></div> </div> </div> <!--Закрываем id="left"--> <div id="right"> <div class='title'></div> <div>Пункт 1</div> <div>Пункт 2</div> <div>Пункт 3</div> <div>Пункт 4</div> <div>Пункт 5</div> <div>Пункт 6</div> <div>Пункт 7</div> <div>Пункт 8</div> <div>Пункт 9</div> <div>Пункт 10</div> </div> <div id="center"> <p>Привет мир!</p> </div> <div id="footer"></div> </body> </html> Цитата:
|
|
11.09.2010, 20:44 | #12 |
Заблокирован
Регистрация: 26.07.2010
Сообщений: 160
|
Короче вот так сделал пробное, меня так устраивает, но проблема в том,что этот стиль будет действовать только для 1 лишь пункта меню, при наведении мышкой фон будет меняться, то есть после вот этой строки:
Код:
Вот весь файл ксс. Код:
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как выкладывать свой сайт в интернет, Как мне выложить сайт, | psywalker | HTML и CSS | 6 | 21.05.2009 15:04 |
Верт. выравнивание текста в дивах | 13th | HTML и CSS | 21 | 12.01.2009 23:17 |
Сайт | Gromsky | Свободное общение | 3 | 22.09.2008 15:28 |