• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Верхнее меню и выравнивание текста
reformator
Сообщений: 2034
Репутация: 534

Сообщение # 1 | 20:05:49
Доброго времени суток всем кто решился помочь мне)))

У меня несколько вопросов по теме...вроде они простые..но чет никак догнать не могу))
так вот,
Вопрос первый: как выровнять текст по вертикали внутри дива в css?! я знаю про выравнивание текста по горизонтали..text-align имею ввиду...я перепробовал варианты valign, vertical-align, что то не получается!((

Вопрос второй: как вставить изображения в верхнее меню рядом со ссылками?! пример можете посмотреть в верхнем горизонтальном меню этого форума!)...мне нужно узнать кодировку

Вопрос третий: как сделать так, чтобы в информере новостей появлялись самые последние новости?! ..я читал уже аналогичные темы, везде говориться про очистку кэша, или обновление информера после пятнадцати минут, и т.д...но этого не происходит(((

ссылку на сайт предпочел не оставлять, так как вопросы общие... biggrin

жду скорейших, и по возможности детальных ответов)) заранее всем спасибо))

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 20:52:38
bolandee,
Quote
vertical-align,
работает только в ячейках таблиц ...
Quote
изображения в верхнее меню
фоном и отступом текста-названия пункта меню от левого края ...

Сообщение отредактировал Miss_Esq - Воскресенье, 09 Дек 2012, 20:54:21
reformator
Сообщений: 2034
Репутация: 534

Сообщение # 3 | 22:30:51
Quote (Miss_Esq)
работает только в ячейках таблиц ...


ну а тогда внутри блочного элемента как выровнять текст по вертикали?!

Quote (Miss_Esq)
фоном и отступом текста-названия пункта меню от левого края ...


таааак, вот здесь я не совсем понял))) ...имеется ввиду фон поставить уже с картинками?)))

Добавлено (10-Дек-2012, 00:20:37)
---------------------------------------------
таак ребята, тут у меня еще неотвеченные и не до конца отвеченные вопросы остались!) смотрит первое сообщение темы!)

Добавлено (10-Дек-2012, 22:30:51)
---------------------------------------------
i am waiting an answer to my question!)))


bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 4 | 22:41:14
Quote (bolandee)
Вопрос второй: как вставить изображения в верхнее меню рядом со ссылками?! пример можете посмотреть в верхнем горизонтальном меню этого форума!)...мне нужно узнать кодировку


Code
<li>
<a href="http://win.ucoz.ru/" target="_blank" class="tlink-contest">
<span></span>
Конкурсы
</a>
</li>


Quote
.tlink-contest span {
background: url("//forum.ucoz.ru/images/icons/sprites.png") -96px 50% no-repeat transparent;
display: inline-block;
height: 17px;
margin-right: 5px;
vertical-align: -4px;
width: 16px;
}


Добавлено (10-Дек-2012, 22:41:14)
---------------------------------------------
Quote (bolandee)
чтобы в информере новостей появлялись самые последние новости?!

в информере выбери сортировку: "Дата добавления материала D"
Сообщение отредактировал bandjuk - Понедельник, 10 Дек 2012, 22:41:32
reformator
Сообщений: 2034
Репутация: 534

Сообщение # 5 | 16:25:42
bandjuk, спасибо) но все же с ответом об изо и ссылках я еще не до конца понял шо к чему) но попробую разобраться))

а как можно выровнять текст по вертикали, чтобы оно отображалось по центру...внутри блочного элемента??!

Добавлено (11-Дек-2012, 21:32:13)
---------------------------------------------
так ребят, у меня снова вопрос...решил тему новую не создавать, а отписаться здесь...

так вот, нужно как то сделать верхнее сворачиваемое меню...я попробовал сделать...можете взглянуть!

только вот не получается убрать лишний интервал между меню сайта и сворачиваемым текстом...и плюс нужно сделать так, чтобы верхняя граница сворачиваемого блока не должна показываться..она должна быть скрыта за главным блоком, где написано "Меню сайта"....как сделать?!?! чет разобраться не могу...

Добавлено (11-Дек-2012, 22:11:42)
---------------------------------------------
ауу, чет я не пойму...мои вопросы слишком тяжелые?!))))

Добавлено (12-Дек-2012, 16:25:42)
---------------------------------------------
так вот, нужно как то сделать верхнее сворачиваемое меню...я попробовал сделать...можете взглянуть!

только вот не получается убрать лишний интервал между меню сайта и сворачиваемым текстом...и плюс нужно сделать так, чтобы верхняя граница сворачиваемого блока не должна показываться..она должна быть скрыта за главным блоком, где написано "Меню сайта"....как сделать?!?! чет разобраться не могу...


bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 6 | 16:57:23
bolandee,
Quote
#nav {
width: 350px;
display: none;
float: right !important;
background: none;
border: 1px solid gray;
padding-top: 2px;
padding-bottom: 2px;
border-top: 0px;
}


Code
<div id="toptop"><div id="verxx"><a href="javascript://" onclick="$('#nav').slideToggle('fast');">Меню сайта</a>
<div id="nav">
<a href="/"><img src="http://unacum-ex.ucoz.ru/menu_icon/homepage_iconmenu.png" onmouseover="this.src='/menu_icon/homepage_iconmenu_m.png';" onmouseout="this.src='/menu_icon/homepage_iconmenu.png';" height="30" width="30" title="Главная страница"></a>
<a href="/index/0-2"><img src="http://unacum-ex.ucoz.ru/menu_icon/info_iconmenu.png" onmouseover="this.src='/menu_icon/info_iconmenu_m.png';" onmouseout="this.src='/menu_icon/info_iconmenu.png';" height="30" width="30" title="Основное инфо"></a>
<a href="/load"><img src="http://unacum-ex.ucoz.ru/menu_icon/files_iconmenu.png" onmouseover="this.src='/menu_icon/files_iconmenu_m.png';" onmouseout="this.src='/menu_icon/files_iconmenu.png';" height="30" width="30" title="Главная страница"></a>
<a href="/publ"><img src="http://unacum-ex.ucoz.ru/menu_icon/articles_iconmenu.png" onmouseover="this.src='/menu_icon/articles_iconmenu_m.png';" onmouseout="this.src='/menu_icon/articles_iconmenu.png';" height="30" width="30" title="Главная страница"></a>
<a href="/blog"><img src="http://unacum-ex.ucoz.ru/menu_icon/blog_iconmenu.png" onmouseover="this.src='/menu_icon/blog_iconmenu_m.png';" onmouseout="this.src='/menu_icon/blog_iconmenu.png';" height="30" width="30" title="Главная страница"></a>
<a href="/forum"><img src="http://unacum-ex.ucoz.ru/menu_icon/forum_iconmenu.png" onmouseover="this.src='/menu_icon/forum_iconmenu_m.png';" onmouseout="this.src='/menu_icon/forum_iconmenu.png';" height="30" width="30" title="Главная страница"></a>
<a href="/index/feedback/0-3"><img src="http://unacum-ex.ucoz.ru/menu_icon/feedback_iconmenu.png" onmouseover="this.src='/menu_icon/feedback_iconmenu_m.png';" onmouseout="this.src='/menu_icon/feedback_iconmenu.png';" height="30" width="30" title="Главная страница"></a>
<a href="http://unacum-ex.ucoz.ru/news/rss/"><img src="http://unacum-ex.ucoz.ru/menu_icon/rss_iconmenu.png" onmouseover="this.src='/menu_icon/rss_iconmenu_m.png';" onmouseout="this.src='/menu_icon/rss_iconmenu.png';" height="30" width="30" title="Главная страница"></a>
</div></div></div>
reformator
Сообщений: 2034
Репутация: 534

Сообщение # 7 | 17:17:31
bandjuk, спасибо огромное!) подскажи теперь пожалуйста, как можно выровнять текст по вертикали внутри блочного элемента?!! имеется ввиду расположение текста внутри блока по центру вертикально!))

Добавлено (12-Дек-2012, 18:59:05)
---------------------------------------------
але))

Добавлено (12-Дек-2012, 22:20:44)
---------------------------------------------
Всем доброй ночи!) У меня созрел вопрос еще один: какую нужно еще функцию добавить, чтобы отменить onclick?!

Добавлено (13-Дек-2012, 00:39:36)
---------------------------------------------
Мне нужно вот что сделать:

короче, есть у меня на сайте сворачиваемое боковое меню...вот ссылка
меню находится слева..разворачивается путем нажатия на черную круглую кнопку со стрелкой...

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

помогите пожалуйста...ваще разобраться не могу!!(((

Добавлено (13-Дек-2012, 20:15:42)
---------------------------------------------
ауууууууу!)

Добавлено (14-Дек-2012, 17:17:31)
---------------------------------------------

Quote (bolandee)
Мне нужно вот что сделать: короче, есть у меня на сайте сворачиваемое боковое меню...вот ссылка
меню находится слева..разворачивается путем нажатия на черную круглую кнопку со стрелкой...

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

помогите пожалуйста...ваще разобраться не могу!!(((

  • Страница 1 из 1
  • 1
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!