Форум Сайтостроение Веб-строительство

CSS

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
291

1. Как поднять буквы вверх внутри серого фона?

2. Как сделать пунктирную линию ввиде картинки под названием пункта меню?

<li"><a href="contact/index.html">Contact<span>find us on map</span></a></li>

Над буквами find us on map должна быть пунктирная линия. На подобии такого кода 

.site_logo_menu .main_menu > li > a > span,
.site_logo_menu .main_menu > ul > li > a > span {
  display: block;
  margin-top: 6px;
  padding-top: 5px;
  background: url("../images/divider_01.png") repeat-x top left;
  color: #909090;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
  font-family: 'Vollkorn', serif;
}

Исходник где нужны изменения http://jsfiddle.net/YErkg/

P
На сайте с 06.03.2010
Offline
54
pornodump
#1
Pasha199:
1. Как поднять буквы вверх внутри серого фона?
2. Как сделать пунктирную линию ввиде картинки под названием пункта меню?

<li"><a href="contact/index.html">Contact<span>find us on map</span></a></li>


Над буквами find us on map должна быть пунктирная линия. На подобии такого кода 
.site_logo_menu .main_menu > li > a > span,
.site_logo_menu .main_menu > ul > li > a > span {
  display: block;
  margin-top: 6px;
  padding-top: 5px;
  background: url("../images/divider_01.png") repeat-x top left;
  color: #909090;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
  font-family: 'Vollkorn', serif;
}


Исходник где нужны изменения http://jsfiddle.net/YErkg/

Поднять вверх буквы, найдите:

top-bar ul > li a:not(.button) {display: block; color:#666; font-size: 16px; font-weight: 400; height: auto; line-height: 45px; padding: 20px; border-top:1px solid transparent ;}

Выделенное жирным измените на: padding: 10px 20px 30px 20px;

Если надо еще выше поднять, то сами уже подгоните, например: padding: 5px 20px 35px 20px;

По второму пункту не в курсе.

Проблема с текстом При наведении на раздел CSS li
Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#2

pornodump, спасибо

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий