Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Горизонтальное центрирование img в ячейке таблицы...
 
 автор: Cyrax   (01.02.2009 в 16:32)   письмо автору
 
 

Если в ячеку таблицы поместить изображение img, то оно в Mozilla и Opera всё время выравнивается во левому краю, независимо от CSS-параметра text-align ячейки.
Пробовал и непосредственно в HTML-коде указывать align ячейки - тоже не помогает.
Пробовал в ячейку помещать div с "text-align: center" (div при этом занимает всю область ячейки, независимо от размеров картинки), а в div - img. Тоже не помогает.

Как ещё можно отцентрировать по горизонтали изображение в ячейке ?
В ячейке расположена только одна картинка.

  Ответить  
 
 автор: sim5   (01.02.2009 в 16:43)   письмо автору
 
   для: Cyrax   (01.02.2009 в 16:32)
 

Не правда. Все по центру будет:
<table bgcolor="#000000" cellpadding="10" cellspacing="1" width="100%">
<tr bgcolor="#ffffff">
<td align="center"><img src="clock.jpg" alt="" width="160" height="160" border="0"></td>
</tr>
</table>

  Ответить  
 
 автор: Cyrax   (01.02.2009 в 18:14)   письмо автору
 
   для: sim5   (01.02.2009 в 16:43)
 

А, ну так всегда всё работает ))

Посмотрите вот так:
<table bgcolor="#000000" cellpadding="10" cellspacing="1" width="100%">
<tr bgcolor="#ffffff">
<td style="text-align: center;"><img src="clock.jpg" alt="" width="160" height="160" border="0" style="display: block;"></td>
</tr>
</table>

  Ответить  
 
 автор: sim5   (01.02.2009 в 18:16)   письмо автору
 
   для: Cyrax   (01.02.2009 в 18:14)
 

Не пишите просто лишних глупостей, и будет работать:
<table bgcolor="#000000" cellpadding="10" cellspacing="1" width="100%">
<tr bgcolor="#ffffff">
<td style="text-align: center;"><img src="clock.jpg" alt="" width="160" height="160" border="0"></td>
</tr>
</table>

  Ответить  
 
 автор: Cyrax   (01.02.2009 в 19:02)   письмо автору
 
   для: sim5   (01.02.2009 в 18:16)
 

Так это не глупость.
Сначала страница формируется с img, у которого
style="display: none;"
Затем JS-скриптами (по действию пользователя) делаю его видимым:
image.style.display = "block";
При этом выравнивается изображение по левому краю, несмотря на text-align: center;

  Ответить  
 
 автор: sim5   (01.02.2009 в 19:11)   письмо автору
 
   для: Cyrax   (01.02.2009 в 19:02)
 

style="display: none;"
style="display: inline;"

  Ответить  
 
 автор: Cyrax   (01.02.2009 в 20:03)   письмо автору
 
   для: sim5   (01.02.2009 в 19:11)
 

Можно и так:
image.style.display = "none";
image.style.display = "";
В этом случае по середине центрируется нормально...

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования