Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает в Chrome / 12 сообщений из 12, страница 1 из 1
18.07.2012, 16:09:09
    #37884108
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
Здравствуйте, ребята.
Пытаюсь центрировать картинку в пределах родительского элемента.
Код: javascript
1.
2.
3.
4.
5.
<li class="drop-li">
<a class="drop-a">
  <img  src="css3odnaknopka_files/e1.jpg" style="height:90%;" alt="">
		<b>Европа</b>
</a>


Вот этот код в Mozila работает
Код: javascript
1.
2.
3.
4.
$('a img').each(function() {
			//alert($(this).css('width'));
			$(this).css('left',($(this).parent().css('width').substr(0,3)-$(this).css('width').substr(0,2))/2);
		});


Как видите ширина картинки width может быть разной, поэтому я ее не задал.
В Chrome это не работает.
Причина в том, что размер картинки width в Chrome равен 0. Видно он не расчитывает его, если он не задан.
Мне надо, чтобы это работало и в Chrome. Как это изменить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:16:41
    #37884123
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
А text-align:center уже не айс?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:19:43
    #37884127
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
AntonariyА text-align:center уже не айс?
Пробовал. Не центрирует.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:23:39
    #37884136
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
AntonariyА text-align:center уже не айс?
Текст центрирутся, а картинка - нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:26:16
    #37884142
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
display:inline-block
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:26:47
    #37884143
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
для картинки
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:30:38
    #37884152
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
Antonariydisplay:inline-block
Не помогло. Даже в Мозиле.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:44:39
    #37884184
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
Сергей111Antonariydisplay:inline-block
Не помогло. Даже в Мозиле.тогда для <a>, а не img

ps
уже пол-года не верстал
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:49:30
    #37884199
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
AntonariyСергей111пропущено...

Не помогло. Даже в Мозиле.тогда для <a>, а не img

ps
уже пол-года не верстал

Да куда только не совал. Толку мало.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:51:21
    #37884207
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
Да как же так

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<!DOCTYPE HTML>
<html>
	<body>
		<a href="#" style="display:inline-block;text-align:center;width:300px;border:solid 1px black">
			<img src="http://yandex.st/www/1.238/yaru/i/logo.png"><br/>
			<b>Европа</b> 
		</a>
	</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.07.2012, 16:55:17
    #37884215
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
Сергей111Причина в том, что размер картинки width в Chrome равен 0неправда
http://jsfiddle.net/xqUU8/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
19.07.2012, 10:10:41
    #37884877
Сергей111
Сергей111
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не работает в Chrome
AntonariyДа как же так

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
<!DOCTYPE HTML>
<html>
	<body>
		<a href="#" style="display:inline-block;text-align:center;width:300px;border:solid 1px black">
			<img src="http://yandex.st/www/1.238/yaru/i/logo.png"><br/>
			<b>Европа</b> 
		</a>
	</body>
</html>


Спасибо, ребята. Так работает. Какие то противоречия у меня в CSS. Код чужой. Копаюсь куда бы правильно это поставить.
Еще раз благодарю.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает в Chrome / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 458ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449563]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 181ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 189ms
total:  458ms
x
x
Закрыть


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