Форум PHP программистов > Ячейка таблицы

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Anton63

7.10.2009 - 19:47

Ребят, есть таблица, в ней ячейка

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

Спустя 2 минуты, 59 секунд (7.10.2009 - 18:50) glock18 написал(а):

1. картинку можно разместить фоном.
2. картинку можно позиционировать абсолютно внутри блока
3. картинку и текст в разные блоки - позиционируем их поотдельности (то же самое, что разбиение на две ячейки)

Спустя 29 минут, 50 секунд (7.10.2009 - 19:20) Anton63 написал(а):

Фоном нельзя... сделал так...
css

PHP

.title{
width: 150px;
height: 25px;
background-color: #00468c;
color: white;
vertical-align: middle;}

.title_left{
text-align: left;}

.title_center{
text-align: center;}

html

PHP

<td class="title">
<span class="title_left"><img src="img/hit.png" width=15px height=15px></span><span class="title_center">Хиты</span>
</td>

ничего не происходит... всё прежато к левому краю...

Спустя 15 минут, 11 секунд (7.10.2009 - 19:35) kirik написал(а):

Цитата (Anton63 @ 7.10.2009 - 11:20)

Фоном нельзя...

Почему? Это самый нормальный вариант..

Спустя 2 минуты, 1 секунда (7.10.2009 - 19:37) Anton63 написал(а):

Цитата (kirik @ 7.10.2009 - 16:35)

Почему? Это самый нормальный вариант..

Ну, эээ, может и можно...

... с тобой же не поспоришь...

А как это сделать???

Спустя 5 минут, 10 секунд (7.10.2009 - 19:42) glock18 написал(а):

вот именно что самый нормальный.

style="background: url('your-image-url') 0px 0px no-repeat;" 0px - это координаты х и у, где должен находиться левый верхний угол фона.

Спустя 1 минута, 40 секунд (7.10.2009 - 19:44) kirik написал(а):

Цитата (Anton63 @ 7.10.2009 - 11:37)

с тобой же не поспоришь...

А с glock18 значит поспоришь?!

CSS

PHP

.title {
    width: 150px;
    height: 25px;
    background: #00468c url('img/hit.png') no-repeat 0px 0px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}

HTML

<td class="title">текст</td>

Там с циферками поиграй (0px 0px) если нужно позиционировать картинку как-то по-особенному.

-------
раз уже написал

Спустя 47 минут, 57 секунд (7.10.2009 - 20:32) Anton63 написал(а):

Спасибо, всё получилось... сделал как фон...

Спустя 21 час, 41 минута, 28 секунд (8.10.2009 - 18:13) Семён написал(а):

(исходник вложил)
Не совсем понял суть задачи, но вот:

HTML

Спустя 5 минут, 33 секунды (8.10.2009 - 18:19) kirik написал(а):

Цитата (Семён @ 8.10.2009 - 10:13)

list-style: none url("icon.png");

О, спасибо! Не знал что можно вставлять картинку так.

Спустя 1 минута, 32 секунды (8.10.2009 - 18:20) Семён написал(а):

Цитата (kirik @ 8.10.2009 - 19:19)

Цитата (Семён @ 8.10.2009 - 10:13)

list-style: none url("icon.png");

О, спасибо! Не знал что можно вставлять картинку так.

Вёрстка мой конёк

Быстрый ответ:

Здесь расположена полная версия этой страницы.