Меню, посещеная ссылка.

hevel

Народный любимец

Вне Форума

Сообщений: 968
Латвия
Пол: male

Меню, посещеная ссылка.
05.08.2009 :: 17:30:25

Не подскажешь как сделать меню вот такова вида:
Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!

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

Наверх

Неважно кто ты в глубине души, о человеке судят по поступкам.

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>

Наверх

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...

IP записан

hevel

Народный любимец

Вне Форума

Сообщений: 968
Латвия
Пол: male

Re: Меню, посещеная ссылка.
Ответ #2 - 06.08.2009 :: 23:29:36

Не совсем то.
У тебя для всех вкладок кроме активной прописан клас. А мне как раз надо наоборот. Да и задать стиль чтоб надпись оказался выше я сам могу. А вот с картинкой не получается.
Смотри картинку (меню выравнивается по нижней стороне).

Наверх

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!

Неважно кто ты в глубине души, о человеке судят по поступкам.

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>

Наверх

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...

IP записан

hevel

Народный любимец

Вне Форума

Сообщений: 968
Латвия
Пол: male

Re: Меню, посещеная ссылка.
Ответ #4 - 07.08.2009 :: 04:22:17

Хотелось бы спросить можноли: задать бэграудной картинке параметры чтоб она автоматически растягивалась (имено растягивалась) по горозинтали до краев (дива, ячейки...)?

Наверх

Неважно кто ты в глубине души, о человеке судят по поступкам.

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;

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

Наверх

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...

IP записан