Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Меню, посещеная ссылка. (Прочитано 6219 раз)
hevel
Народный любимец
*
Вне Форума



Сообщений: 968
Латвия
Пол: male
Меню, посещеная ссылка.
05.08.2009 :: 17:30:25
 
Не подскажешь как сделать меню вот такова вида:
Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!

Меня интересует как создать чтоб посещеная сылка по размерам была выше чем высота самого меню (подменю не надо).
Наверх
 
 

Неважно кто ты в глубине души, о человеке судят по поступкам.
WWW   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Меню, посещеная ссылка.
Ответ #1 - 06.08.2009 :: 22:33:48
 
Если я тебя правильно понял то так:
Так сделано на том сайте что ты показал.

CSS Код:
.menu {
line-height:50px;
}
ul li {
float:left;
} 



HTML Код:
<ul>
  <li>
    <a href="#"><span class="menu">Typography</span></a>
  </li>
  <li>
    <a href="#"><span>Typography</span></a>
  </li>
  <li>
    <a href="#"><span class="menu">Typography</span></a>
  </li>
  <li>
    <a href="#"><span class="menu">Typography</span></a>
  </li>
</ul> 

Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
hevel
Народный любимец
*
Вне Форума



Сообщений: 968
Латвия
Пол: male
Re: Меню, посещеная ссылка.
Ответ #2 - 06.08.2009 :: 23:29:36
 
Не совсем то.
У тебя для всех вкладок кроме активной прописан клас. А мне как раз надо наоборот. Да и задать стиль чтоб надпись оказался выше я сам могу. А вот с картинкой не получается.
Смотри картинку (меню выравнивается по нижней стороне).
Наверх
Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
 
 

Неважно кто ты в глубине души, о человеке судят по поступкам.
WWW   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Меню, посещеная ссылка.
Ответ #3 - 07.08.2009 :: 00:12:51
 
Я бы это сделал так:

CSS Код:
a {
color:#fff;
}

.activ {
padding-top:10px;
padding-bottom:10px;
background:#D58400 url(http://template15.joomlart.com/ja_sanidine_ii/templates/ja_sanidineii_light/images/mainnav-active.gif) no-repeat scroll right top;
}

ul li {
float:left;
background:transparent url(http://template15.joomlart.com/ja_sanidine_ii/templates/ja_sanidineii_light/images/mainnav-hover.gif) repeat-x scroll center bottom;
padding-left:30px;
padding-right:30px;
padding-top:20px;
list-style-type:none;
} 



HTML Код:
<ul>
  <li>
    <a href="#">Typography</a>
  </li>
  <li  class="activ">
    <a href="#">Typography</a>
  </li>
  <li>
    <a href="#">Typography</a>
  </li>
  <li>
    <a href="#">Typography</a>
  </li>
</ul>  


Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
hevel
Народный любимец
*
Вне Форума



Сообщений: 968
Латвия
Пол: male
Re: Меню, посещеная ссылка.
Ответ #4 - 07.08.2009 :: 04:22:17
 
Хотелось бы спросить можноли: задать бэграудной картинке параметры чтоб она автоматически растягивалась (имено растягивалась) по горозинтали до краев (дива, ячейки...)?
Наверх
 
 

Неважно кто ты в глубине души, о человеке судят по поступкам.
WWW   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Меню, посещеная ссылка.
Ответ #5 - 07.08.2009 :: 09:10:07
 
hevel писал(а) 07.08.2009 :: 04:22:17:
Хотелось бы спросить можноли: задать бэграудной картинке параметры чтоб она автоматически растягивалась (имено растягивалась) по горозинтали до краев (дива, ячейки...)?


Растянуть картинку которая подгружается как бекграундом нельзя.
Код:
background:#D58400 url(урл) no-repeat scroll right top; 



Можно сделать что б она чередовалась.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Страниц: 1
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge