ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает в Chrome
12 сообщений из 12, страница 1 из 1
Не работает в Chrome
    #37884108
Сергей111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей111
Участник
Здравствуйте, ребята.
Пытаюсь центрировать картинку в пределах родительского элемента.
Код: 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:09:09
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884123
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
А text-align:center уже не айс?
...
Рейтинг: 0 / 0
18.07.2012, 16:16:41
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884127
Сергей111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей111
Участник
AntonariyА text-align:center уже не айс?
Пробовал. Не центрирует.
...
Рейтинг: 0 / 0
18.07.2012, 16:19:43
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884136
Сергей111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей111
Участник
AntonariyА text-align:center уже не айс?
Текст центрирутся, а картинка - нет.
...
Рейтинг: 0 / 0
18.07.2012, 16:23:39
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884142
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
display:inline-block
...
Рейтинг: 0 / 0
18.07.2012, 16:26:16
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884143
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
для картинки
...
Рейтинг: 0 / 0
18.07.2012, 16:26:47
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884152
Сергей111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей111
Участник
Antonariydisplay:inline-block
Не помогло. Даже в Мозиле.
...
Рейтинг: 0 / 0
18.07.2012, 16:30:38
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884184
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Сергей111Antonariydisplay:inline-block
Не помогло. Даже в Мозиле.тогда для <a>, а не img

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

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

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

Да куда только не совал. Толку мало.
...
Рейтинг: 0 / 0
18.07.2012, 16:49:30
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884207
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
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>
...
Рейтинг: 0 / 0
18.07.2012, 16:51:21
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884215
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Сергей111Причина в том, что размер картинки width в Chrome равен 0неправда
http://jsfiddle.net/xqUU8/
...
Рейтинг: 0 / 0
18.07.2012, 16:55:17
| Ответить | Цитировать | Написать  
Не работает в Chrome
    #37884877
Сергей111
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей111
Участник
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
19.07.2012, 10:10:41
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не работает в Chrome
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1449563]:
 0ms
get settings:
 5ms
get forum list:
 9ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 179ms
get topic data:
 6ms
get first new msg:
 4ms
get forum data:
 2ms
get page messages:
 29ms
get tp. blocked users:
 1ms
others: 203ms
total:  442ms
созд. / загр.: 442ms
x
x
Закрыть


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