Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выровнять текст в ячейках по вертикали используя стили / 10 сообщений из 10, страница 1 из 1
12.02.2014, 10:22
    #38558116
alikon1
alikon1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<style type="text/css">
.price_full_prod {
float: left;
margin: auto;
width: 70px;
height: 48px;
}
span.price_full {
text-align: center;
display: block;
margin-bottom: 5px;
}
span.price {
color: #990000;
white-space: nowrap;
}
</style>



Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
<div style="border: 1px solid #000; display: inline-block;">
	<div class="price_full_prod">
		<span class="price_full">
			<span class="price">1000</span>
		</span>
	</div>
</div>

<div style="border: 1px solid #000; display: inline-block;">
	<div class="price_full_prod">
		<span class="price_full">
			<span class="price" style="text-decoration: line-through;">1000</span>
		</span>
		<span class="price_full">
			<span class="price">555</span>
		</span>
	</div>
</div>



Как редактируя только стили выровнять текст в ячейках по вертикали?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 10:27
    #38558124
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
ячейки они в таблицах.
а тут где ячейки?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 10:31
    #38558133
alikon1
alikon1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
Паганельячейки они в таблицах.
а тут где ячейки?
Я не специалист в терминологии) Имелись ввиду эти слои-блоки прямоугольные.


...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 10:42
    #38558148
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
да я не про терминологию. просто http://htmlbook.ru/css/vertical-align для ячеек таблиц изначально задумывался
(если мне склероз не изменяет)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 11:30
    #38558201
alikon1
alikon1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
Паганельда я не про терминологию. просто http://htmlbook.ru/css/vertical-align для ячеек таблиц изначально задумывался
(если мне склероз не изменяет)
И если это не таблица, то никак по вертикали не выравнять теперь?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 11:43
    #38558218
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
там внизу комментарии почитайте
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 12:23
    #38558303
alikon1
alikon1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
Паганельтам внизу комментарии почитайте
Я уже пробовал display:inline-block; vertical-align:middle; line-height;, но ничего не вышло.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 12:26
    #38558309
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
из комментариевесли выравниваемому объекту задать display: table-cell, а родителю display: table, то работеатпробуйте
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 12:42
    #38558331
alikon1
alikon1
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
Паганельиз комментариевесли выравниваемому объекту задать display: table-cell, а родителю display: table, то работеатпробуйте

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<style type="text/css">
.price_full_prod {
width: 70px;
height: 48px;
display: table;
}
span.price_full {
text-align: center;
display: table-cell;
vertical-align: middle;
}
span.price {}
</style>



Если меняю у price_full display: block на table-cell, то значения идут в линию, а не друг под другом.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
12.02.2014, 12:50
    #38558349
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Выровнять текст в ячейках по вертикали используя стили
тогда я не знаю что делать. возможно, придется-таки таблицами
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Выровнять текст в ячейках по вертикали используя стили / 10 сообщений из 10, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 513ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447406]:
 0ms
get settings:
 8ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 183ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 231ms
total:  513ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]