|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
25.09.2010, 11:07 | #1 |
Trust no one.
Старожил
Регистрация: 07.04.2009
Сообщений: 6,526
|
Настройка размеров меню.
Раздобыл такой код:
Код HTML:
#menu ul { margin:0; padding:10px 10px 0 50px; } #menu li { display:inline; margin:0; padding:0; } #menu a { float:left; background:url("/left.png") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #menu a span { float:left; display:block; background:url("/right.png") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } #menu a:hover span { color:#FFF; background-position:100% -45px; } #menu a:hover { background-position:0% -45px; } Код HTML:
<div id="menu"> <ul> <li><a href="/"><span>Пункт 1</span></a></li> <li><a href="/"><span>Пункт 2</span></a></li> <li><a href="/"><span>Пункт 3</span></a></li> <li><a href="/"><span>Пункт 4</span></a></li> <li><a href="/"><span>Пункт 5</span></a></li> <li><a href="/"><span>Пункт 6</span></a></li> </ul> </div> Подскажите, пожалуйста, что нужно изменить для этого?
SQUARY PROJECT - НАБОР БЕСПЛАТНЫХ ПРОГРАММ ДЛЯ РАБОЧЕГО СТОЛА.
МОЙ БЛОГ GRAY FUR FRAMEWORK - УДОБНАЯ И БЫСТРАЯ РАЗРАБОТКА WINAPI ПРИЛОЖЕНИЙ |
25.09.2010, 12:39 | #2 |
Регистрация: 24.09.2010
Сообщений: 5
|
А если картинки вставить в код ХТМ и создать отдельно класс для них с заданными размерами в ЦСС?
|
25.09.2010, 12:47 | #3 |
Trust no one.
Старожил
Регистрация: 07.04.2009
Сообщений: 6,526
|
Честно говоря, можно сказать, что я в html полу-начинающий, так что, если угостите примером - буду очень рад.
SQUARY PROJECT - НАБОР БЕСПЛАТНЫХ ПРОГРАММ ДЛЯ РАБОЧЕГО СТОЛА.
МОЙ БЛОГ GRAY FUR FRAMEWORK - УДОБНАЯ И БЫСТРАЯ РАЗРАБОТКА WINAPI ПРИЛОЖЕНИЙ |
25.09.2010, 13:45 | #4 |
Регистрация: 24.09.2010
Сообщений: 5
|
Получилось у меня, но что бы все сделать немного поиграться нужно. Нашел хорошую статейку, которую Вы можете использовать в этих целях. По ней я растянул картинку под текстом ссылки. Немного поэкспериментировать и уверен у Вас будет желаемый результат.
Вот сама статья: http://bitby.net/webdev/tekst-ili-ka...verx-kartinki/ |
25.09.2010, 16:45 | #5 |
Trust no one.
Старожил
Регистрация: 07.04.2009
Сообщений: 6,526
|
Получилось, выкладываю код:
Код HTML:
<ul id = "set-v"> <li><a href="/"><span>Point 1</span></a></li> <li><a href="/"><span>Point 2</span></a></li> <li><a href="/"><span>Point 3</span></a></li> <li><a href="/"><span>Point 4</span></a></li> <li><a href="/"><span>Point 5</span></a></li> <li><a href="/"><span>Point 6</span></a></li> </ul> Код HTML:
ul#set-v, ul#set-v li, ul#set-v ul { margin: 0; padding: 0; width: 180px; height: 50px; list-style: none; } ul#set-v:after { clear: both; font: 1px/0px serif; content: "."; height: 0; visibility: hidden; } ul#set-v li { float: left; display: inline; position: relative; } ul#set-v a { border-right-color: #527337; border-bottom-color: #527337; padding: 13px 0 0 15px; display: block; background: url("/inter/right.png"); color: #000000; width: 165px; height: 37px; text-decoration: none; } ul#set-v a:hover, ul#set-v li:hover a, ul#set-v li.iehover a { background: url("/inter/left.png"); color: #FFFFFF; }
SQUARY PROJECT - НАБОР БЕСПЛАТНЫХ ПРОГРАММ ДЛЯ РАБОЧЕГО СТОЛА.
МОЙ БЛОГ GRAY FUR FRAMEWORK - УДОБНАЯ И БЫСТРАЯ РАЗРАБОТКА WINAPI ПРИЛОЖЕНИЙ |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
меню как на сайте p&g (меню ввиде таблицы) | ilma55 | WordPress и другие CMS | 0 | 19.09.2010 19:09 |
Настройка панелей меню Excel | kovalevskivf | Microsoft Office Excel | 8 | 18.11.2009 17:20 |
И сново sendMessage =) Как нажать пункт верхнего меню и меню правой кнопки? | TwiX | Win Api | 9 | 15.10.2009 01:57 |
Для доступа к пунктам главного меню клавиши ALT + подчеркнутая буква меню в офис 2007? | Окоча Юра | Microsoft Office Word | 1 | 24.02.2009 12:29 |
Меню с Items в виде набора Bitmap (как меню редактирования в Word'е) | chandrasecar | Мультимедиа в Delphi | 7 | 14.01.2009 09:20 |