Помощник
|
Помогите с меню пожалуйста |
Lanaruana
|
Сообщение
#1
|
||
|
|
||
|
|||
tgarl |
3.2.2011, 10:43;
Ответить: tgarl
Сообщение
#2
|
|
если у вас меню горизонтальное, то принцип фона будет такой:разбиваете фон на 2 части тегу <li> задаете левую часть фона меню, а ссылке внутри <a href="">..</a> правую часть они накладываются и получается целиковая картинка.
если вертикальное, то ограничьте ширину и текст будет переноситься на другую строку. но при этом варианте расчитывайте на соответствующий фон который будет по вертикали растягиваться, но принцип такой же как и с горизонтальным меню |
|
|
Lanaruana
|
Сообщение
#3
|
|
у меня вертикальное, вот код в css:
#menu {background:url(./image/pink.jpg) no-repeat; width: 150px; height: 50px} #menu ul{list-style-type: none; font-family: 'Monotype Corsiva'; font-size: 0.9em; margin-left: 0; padding: 0; padding-top: 5px; marging-top: 30px; width:280; float: left} может не хватает чегото?? |
|
|
FightInGlory |
3.2.2011, 12:12;
Ответить: FightInGlory
Сообщение
#4
|
|
Почему несколько отступов?, что за ширина недописанная?
[CSS] padding: 0; padding-top: 5px; marging-top: 30px; width:280; [/CSS] А высота вам зачем? [CSS] height: 50px [/CSS] Насколько я знаю меню подразумевает собой несколько пунктов и если вдруг вам надо добавить один? Высоту не указывайте. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Test</title> <script type="text/javascript" src="jquery.js"></script> <style type="text/css"> *{ padding:0; margin:0; } html,body{ height:100%; width:100%; } #menu{ background:url(./image/pink.jpg) no-repeat; width:135px; background-color:#ccc; padding:5px 5px 10px; } #menu ul{ list-style-type:none; font-family:'Monotype Corsiva'; font-size:0.9em; } #menu li{ height:17px; line-height:17px; //height:auto;/*for ie7*/ _line-height:1;/*for ie6*/ _height:14px;/*for ie6*/ } #menu a{ display:block; } #menu a:hover{ background-color:#333; color:red; } </style> </head> <body> <div id="menu"> <ul> <li><a href="#">Пункт 1</a></li> <li><a href="#">Пункт 2</a></li> <li><a href="#">Пункт 3</a></li> <li><a href="#">Пункт 4</a></li> <li><a href="#">Пункт 5</a></li> <li><a href="#">Пункт 6</a></li> </ul> </div> </body> </html> |
|
|
Apay |
3.2.2011, 12:47;
Ответить: Apay
Сообщение
#5
|
|
|
|
|
Lanaruana
|
Сообщение
#6
|
|
спасибо большое! и за критику тоже, я только-только начала этим заниматься (пришлось) и ещё не разбираюсь.
Сейчас буду пробовать! |
|
|
Lanaruana
|
Сообщение
#7
|
|
|
всё получилось, всем спасибо огромное!!!
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Помогите вспомнить рекламного бота Телеграм для обмена рекламой | 0 | Mixatraider | 692 | 21.2.2024, 23:42 автор: Mixatraider |
|
"Извините, что ожидание затянулось, но не думайте, пожалуйста, что мы про вас забыли. Мы заводим задачи по всем обращениям и контролируем работу над ними самым тщательным образом." Вопрос |
0 | kuz999 | 1188 | 5.2.2024, 14:06 автор: kuz999 |
|
Помогите рещить проблему с монитором. Почему низкое разрешение при подключении монитора через displayport? |
0 | Levels | 1695 | 11.12.2020, 0:48 автор: Levels |
|
Помогите кто нибудь получить партнерку Росбанк! | 7 | heisenberg_mw | 2315 | 7.8.2020, 9:28 автор: heisenberg_mw |
|
Помогите найти тему пожалуйста | 7 | virtas | 12404 | 24.7.2020, 17:02 автор: -JamesSmips- |
Текстовая версия | Сейчас: 29.3.2024, 4:47 |