X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Не работает align и valign у таблицы
Z-13
Z-13
Topic Starter сообщение 25.10.2008, 18:21; Ответить: Z-13
Сообщение #1


Вот такая проблема - есть страница в которой таблица, в ней 3 колонки, вот как это выглядит:
<table width="100%" border="0">
<tr>
<th width="10%" height="240" scope="col">&nbsp;</th>
<th width="40%" scope="col"><div align="center"><img src="images/city1.jpg" alt="" width="300" height="217" /></div></th>
<th width="40%" scope="col"> <p align="center" class="style7">Кабинет</p>
<p align="center" class="firm">Point</p>
<p align="center" class="style5">120 руб.</p>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</th>
<th width="10%" scope="col">&nbsp;</th>
</tr>
Куча <br> - это чтобы надпись сделать по середине ячейки.
Я немогу не картинку по центру ячейки + по середине ячейки расположить, не текст также.

Сам текст и картинку просто по середине я могу - но это align - <img> или <p> - а я хочу чтобы это было именно у ячейки.

Проставление align & valign в ячейку, вот таким образом:
<th width="40%" align="center" valign="middle" scope="col">
Результата не дал - не работает!

Помогите пожалуйста.
Заранее спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 25.10.2008, 19:09; Ответить: Exterior
Сообщение #2


Z-13, <th> определяет заголовок для столбца в таблице, это не непосредственная ячейка. Пробуйте так:
<td width="40%" align="center" valign="middle">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Anami
Anami
сообщение 25.10.2008, 19:13; Ответить: Anami
Сообщение #3


Да, th использовать для построения таблицы по сути неправильно. НО даже в этом случае - у меня этот код работает. Таблица на 100% в ширину и в каждом столбце содержимое по центру (по ширине и высоте) (ие6,7, мозилла, сафари, опера)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Z-13
Z-13
Topic Starter сообщение 25.10.2008, 19:16; Ответить: Z-13
Сообщение #4


Exterior
Не помогло (

Anami
Какой этот код?
Если мой - то он работает - т.к. я там просто для картнки и для текста проставил по центру, а br'ами выгнал текст по середине ячейки.
А мне бы хотелось чтобы это было прописано для ячейки и не гонять br'ами
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 25.10.2008, 19:24; Ответить: Exterior
Сообщение #5


Z-13,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>test table</title>

</head>

<body>

<table width="100%" border="1">
<tr>
<td width="50%" height="300" align="center" valign="middle">TEXT</td>
<td width="50%" height="300" align="center" valign="middle">TEXT</td>
</tr>
<tr>
<td width="50%" height="300" align="center" valign="middle">TEXT</td>
<td width="50%" height="300" align="center" valign="middle">TEXT</td>
</tr>
</table>


</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Anami
Anami
сообщение 25.10.2008, 19:34; Ответить: Anami
Сообщение #6


Exterior Показал изначальное правильное решение задачи, но опять таки, я не вижу первоначальной проблемы, так как код это работает (все по центру):

<table width="100%" border="1" >
<tr>
<th width="10%" height="240" >&nbsp;</th>
<th width="40%" ><img src="resource/search_ok.jpg" alt="" width="300" height="217" /></th>
<th width="40%" > <p class="style7">Кабинет</p>
<p class="firm">Point</p>
<p class="style5">120 руб.</p>

</th>
<th width="10%" >&nbsp;</th>
</tr>
</table>
Так у th параметры по умолчанию align="center", valign="middle"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 25.10.2008, 19:41; Ответить: Exterior
Сообщение #7


возможно, где-то в стилях есть что-то похожее на:
table {
    text-align: left;
    vertical-align: top;
}

или тоже самое для td, th, tr, etc...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Anami
Anami
сообщение 25.10.2008, 20:04; Ответить: Anami
Сообщение #8


не, не, это именно значения по умолчанию для этого тега.

ЗЫ тестировала то я локально, без стилей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Z-13
Z-13
Topic Starter сообщение 25.10.2008, 20:09; Ответить: Z-13
Сообщение #9


Exterior
Спасибо - разобрался.

Да в стилях было по левому!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 25.10.2008, 20:16; Ответить: Exterior
Сообщение #10


Z-13, в чем оказалось проблема? Осветите для всех.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Крауд-маркетинг который работает | Эффективные Ру-ссылки
 1 Azyuka 1056 13.2.2024, 19:36
автор: tascha56
Открытая тема (нет новых ответов) Кто работает с партнерской программой eBay?
 0 Stalser 1176 14.12.2021, 12:26
автор: Stalser
Открытая тема (нет новых ответов) Кто работает с партнеркой Кликбанк?
 4 metvekot 1722 5.12.2021, 22:32
автор: adamsadriane
Открытая тема (нет новых ответов) Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает.
Ваша реклама может быть больше!
 0 AndyGray 6802 1.4.2021, 12:31
автор: AndyGray
Открытая тема (нет новых ответов) Продам мануал "Как работает Google Discover"
 8 vvovvo 3118 28.5.2020, 19:50
автор: vvovvo


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 20.4.2024, 20:11

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet