Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Как выравнять текст в блоке div?

Обсуждение темы Как выравнять текст в блоке div? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; как выровнять текст в блоке див, чтобы не смещался к верхнему краю, а ровно по середине стоял, как допустим командой в таблице (...td ...


Закрытая тема
 
Опции темы
Старый 07.03.2008, 15:42   #1
как выровнять текст в блоке див, чтобы не смещался к верхнему краю, а ровно по середине стоял, как допустим командой в таблице (...td align=middle...)
 
Старый 07.03.2008, 15:42
Ссылки
Старый 07.03.2008, 17:20   #2
судя по MSDN - никак. свойство vertical-align или valign присутствует только у td и th. (то есть оно также присутствует у img и у span например, только определяет оно взаиморасоложение этого элемента с другими
 
Старый 07.03.2008, 19:13   #3
Цитата:
Сообщение от Makarenya Посмотреть сообщение
судя по MSDN - никак. свойство vertical-align или valign присутствует только у td и th. (то есть оно также присутствует у img и у span например, только определяет оно взаиморасоложение этого элемента с другими
мне нужна менюшка примерно даже как у этого форума сверху, в дивах не реализовать? надо таблицами?
 
Старый 07.03.2008, 19:18   #4
почему? делай padding или margin, подобрав на глазок
 
Старый 07.03.2008, 19:23   #5
Цитата:
Сообщение от Makarenya Посмотреть сообщение
почему? делай padding или margin, подобрав на глазок
уже пробовал... текст двигается или вправо или влево, но не вверх вниз...толи я уже пересидел у компа, толи что-то не понимаю в дивах...
вот кад меню, там на бакграунде меню бар...

<div class=menu><font class=menu>текст</font></div>

там же внутри текст, что надо в css прописать к типу текста? font.menu {......?????????.....}
Буду очень признателен...)
 
Старый 07.03.2008, 19:56   #6
Dims, а почему бы таблицей не сделать? чем она вам не угодила? Там как раз для вашего идиально и просто будет всё сделать!

А дивами тоже много способов как сделать. Свойстве вертеть по-разному. Но я бы таблицу влепил и долго бы не думал....
 
Старый 07.03.2008, 20:00   #7
Стили - margin, padding, vertical-align (кроме IE 5.5 и ниже) и еще куча параметров.
Для начала прочитайте документацию CSS 2.1 +
 
Старый 07.03.2008, 21:33   #8
Цитата:
Сообщение от ivan341 Посмотреть сообщение
Стили - margin, padding, vertical-align (кроме IE 5.5 и ниже) и еще куча параметров.
Для начала прочитайте документацию CSS 2.1 +
а если не трудно можно конктерный пример, документация не маленькая, всё-таки...буду благодарен.
 
Старый 08.03.2008, 02:51   #9
<style>
.menuH { display: block; list-style: none; clear: right; margin: 0; padding: 0; margin-bottom: 40px;}
.menuH li { float: left; margin: 0; padding: 0; width: 15%;}
.menuH a { color: #666666; text-decoration: none; display: block; margin: 0; border: 1px #666666 dotted; border-right: none; text-align: center; height: 15px; padding: 6px; width: 90%;}
.menuH #lm {border-right: 1px #666666 dotted;}
.menuH a:hover { background: #F7F7F7; text-decoration: underline;}
</style>
<ul class="menuH">
<li><a href="http://web-silver.ru">главная</a></li>
<li><a href="http://web-silver.ru">новости</a></li>
<li><a href="http://web-silver.ru">компания</a></li>
<li><a href="http://web-silver.ru">услуги</a></li>
<li><a href="http://web-silver.ru">партнеры</a></li>
<li><a href="http://web-silver.ru" id="lm">контакты</a></li>
</ul>

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

P.S. только на форуме статичная, а у меня резиновая с этим думаю справитесь.

Последний раз редактировалось divol; 08.03.2008 в 02:54..
 
Старый 08.03.2008, 17:32   #10
divol, с этим то справился, а без ul li как это сделать??
декора текста не надо, это я сам сделаю..
просто у меня конктерный меню бар, высотой 24 пиксела и нужно чтобы текст стоял ровно по середине...

Последний раз редактировалось GLUK; 08.03.2008 в 19:32.. Причина: Dims, научитесь выделять из цитаты главное, не приводите полностью!
 
Старый 08.03.2008, 17:32
Закрытая тема




Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Прокрутка содержимого ul в другом блоке fos HTML, CSS, JavaScript 0 29.09.2015 13:38
Не могу выравнять кнопку 80zed HTML, CSS, JavaScript 6 14.06.2012 01:57
Как выравнять смещение? Biata HTML, CSS, JavaScript 0 11.11.2010 02:05
Небольшой вопрос по поиску в блоке текста? Вертер ASP, Perl, PHP и MySQL 9 28.02.2010 18:06
Какой фон сделать в блоке? STRICKEN Скамейка запасных 4 09.04.2008 22:56


Текущее время: 19:27. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум