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

HTML+CSS+JavaScript

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

 

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

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

тема: Переназначить CSS стили в HTML коде для IMG картинок
 
 автор: barbossa   (30.08.2013 в 13:31)   письмо автору
 
 

Товарищи, есть проблема. Все картинки выравниваются только по левому краю. Не могу никак отцентровать картинку. Начиная с тегов в <center> заканчивая выравниванием в таблице или в div с применением style="margin: 0 auto;"
Не хочет никак отценровываться. Подскажите что может быть причиной, что искать в CSS?
Добавил important в HTML текст. Все равно не помогает
<td align="center !important;"><img src="/images/cross.png"border="0"alt="check"width="16"height="16"style="margin: 0 auto !important;"/></td>

  Ответить  
 
 автор: confirm   (30.08.2013 в 13:49)   письмо автору
 
   для: barbossa   (30.08.2013 в 13:31)
 

<style>
.tb {
    width: 100%;
}
.tb td {
    text-align: center;
}
.tb img {
    width: 16px;
    height: 16px;
}
</style>

<table class="tb">
  <tr>
    <td><img src="path/img.ext" /></td><td><img src="path/img.ext" /></td><td><img src="path/img.ext" /></td>
  </tr>
</table>

По центру?

td align="center !important;" - этому перлу даже определение трудно дать.

  Ответить  
 
 автор: barbossa   (30.08.2013 в 13:54)   письмо автору
 
   для: confirm   (30.08.2013 в 13:49)
 

испробовал данную конструкцию, не сработало. Все равно выравнивает по левому краю

  Ответить  
 
 автор: confirm   (30.08.2013 в 13:59)   письмо автору
 
   для: barbossa   (30.08.2013 в 13:54)
 

Все будет работать, если нет переопределения.

  Ответить  
 
 автор: barbossa   (30.08.2013 в 14:04)   письмо автору
 
   для: confirm   (30.08.2013 в 13:59)
 

Я что только не пробовал. Не могу никак понять что там так железобетонно заставляет выравнивать картинки по левому краю.
П.С. только что пробовал Ваш вариант он до сих пор на сайте

  Ответить  
 
 автор: barbossa   (30.08.2013 в 14:30)   письмо автору
 
   для: confirm   (30.08.2013 в 13:59)
 

Как найти это переопределение?

  Ответить  
 
 автор: confirm   (01.09.2013 в 13:49)   письмо автору
 
   для: barbossa   (30.08.2013 в 14:30)
 

Просмотром всех стилей, а есть еще стили которые вы можете определить в браузере и использовать их как приоритетные.
<html>
<head>
<style>
td {
    width: 100px;
    text-align: left;
    border: 1px solid #777;
}
</style>  
</head>
<body>
<table>
  <tr><td align="center">1</td></tr>
</table>
</body>
</html>
Здесь будет работать правило прописанное в блоке style.

А если вот так:
<html>
<head>
<style>
td {
    width: 100px;
    text-align: left;
    border: 1px solid #777;
}
</style>  
</head>
<body>
<table>
  <tr><td style="text-align:center">1</td></tr>
</table>
</body>
</html>
правило стиля прописанное непосредственно в теге. Если у вас не центрируется даже стилями прописанными в тегах, то проверьте свой браузер.

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

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