Reply to this topicStart new topicStart Poll

display:block;

gregst
Отправлено: Jul 7 2009, 11:02 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



никак не врублюсь что не так

вот стили

CODE
#color1, #color2, #color3
{
width:110px;
height:10px;
vertical-align:top;
text-align:right;
background-repeat:no-repeat;
background-position:left;
}
#color1
{ background-image:url(images/home.gif);
}
#color2
{
background-image:url(images/mail.gif);}
#color3
{
background-image:url(images/map_sm.gif);
}



вот что выходит

CODE
<ul><li id="color1" class="active">Главная</il>
<li id="color2"><a href="/2/" title="Контакты" >Контакты</a></li>
<li id="color3" class="last"><a href="/map/" title="Карта сайта" >Карта сайта</a></li>
</ul>


как сделать так, что бы текст в блоке был посередине по вертикали?

ps картинка user posted image
PMEmail Poster
Top
Harper
Отправлено: Jul 8 2009, 07:43 AM
Quote Post


  Лейтенант
*

Группа: Members
Сообщений: 61
Пользователь №: 336
Регистрация:
20-February 07



Я что то вопроса не понял, где код блока то?
PMEmail Poster
Top
Shock
Отправлено: Jul 8 2009, 09:12 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 612
Пользователь №: 1704
Регистрация:
16-July 08



используй padding-top. Я так понял, ты меню хочешь сделать?


--------------------
PMEmail PosterICQ
Top
gregst
Отправлено: Jul 8 2009, 10:22 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



да, меню в cms автоматом генерируется списками.

за блок отвечает display:blok; и значения высоты/ширины.

про padding попробую, спасибо
PMEmail Poster
Top
Шаман
Отправлено: Jul 8 2009, 12:22 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Members
Сообщений: 435
Пользователь №: 936
Регистрация:
13-June 07



для блока и спользуй vertical-align:middle;


--------------------
user posted image
user posted image
user posted image
PMEmail PosterUsers WebsiteICQ
Top
gregst
Отправлено: Jul 8 2009, 01:12 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



vertical-align не помогает, пробовал.
PMEmail Poster
Top
Шаман
Отправлено: Jul 8 2009, 01:24 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Members
Сообщений: 435
Пользователь №: 936
Регистрация:
13-June 07



часто такая хрень бывает, не сочетаются размеры шрифта и иконок подгони примерно под один размер в px? т.е. при шрифте в 12px имэдж при мерно столько же


--------------------
user posted image
user posted image
user posted image
PMEmail PosterUsers WebsiteICQ
Top
gregst
Отправлено: Jul 8 2009, 01:51 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



то есть перерисовать картинку а не текст выровнять?

у меня картинка фоном вставляется, а текст в блоке не двигается при различных значениях vertical-align
PMEmail Poster
Top
gregst
Отправлено: Jul 8 2009, 01:57 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 1012
Пользователь №: 1169
Регистрация:
28-September 07



все, отбой, я понял где была ошибка.
в файле стилей еще был объявлен
li {padding-bottom:10px;}
PMEmail Poster
Top
Shock
Отправлено: Jul 8 2009, 02:51 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 612
Пользователь №: 1704
Регистрация:
16-July 08



)))


--------------------
PMEmail PosterICQ
Top

Topic Options Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0204 ]   [ 10 queries used ]   [ GZIP выключен ]