Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Обвернуть объект ссылкой

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
android
Отправлено: 30 Июня, 2012 - 11:48:21
Post Id


Посетитель


Покинул форум
Сообщений всего: 335
Дата рег-ции: Сент. 2011  


Помог: 0 раз(а)
Здрасте, помогите обвернуть каждую картинку в ссылку...

У нас есть:

CODE (html):
скопировать код в буфер обмена
  1. <div class="cont">
  2. Текст, текст текст
  3. <img src="картинка">
  4. Текст, текст текстТекст, текст текстТекст, текст текстТекст, текст текст
  5. <img src="картинка">
  6. </div>


Так вот как обвернуть в ссылку что бы было так с каждой картинкой в диве cont?

CODE (html):
скопировать код в буфер обмена
  1. <div class="cont">
  2. Текст, текст текст
  3. <a href="#"><img src="картинка"></a>
  4. Текст, текст текстТекст, текст текстТекст, текст текстТекст, текст текст
  5. <a href="#"><img src="картинка"></a>
  6. </div>
 
 Top
enom
Отправлено: 30 Июня, 2012 - 12:25:24
Post Id


Новичок


Покинул форум
Сообщений всего: 15
Дата рег-ции: Июнь 2012  
Откуда: Minsk


Помог: 0 раз(а)
нужно что бы каждая картинка была в отдельном диве?
(Добавление)
просто не очень понятен вопрос...
 
 Top
DelphinPRO
Отправлено: 30 Июня, 2012 - 12:35:48
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
jquery
CODE (javascript):
скопировать код в буфер обмена
  1. $('.cont img').wrap('<a href="#"></a>');


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
android
Отправлено: 30 Июня, 2012 - 15:44:06
Post Id


Посетитель


Покинул форум
Сообщений всего: 335
Дата рег-ции: Сент. 2011  


Помог: 0 раз(а)
(Добавление)
А хотя нет, это не поможет для центролизовки =(

Помогите...

Есть скрипт
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. $('#cont img').each(function(i, e) {
  3.                 $(this).wrap("<a href=\"javascript://\" class=\"test\" onclick=\"******"\"></a>);
  4. });
  5.  




CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2.  
  3. #cont .test {
  4.         display:block;
  5.         float:left;
  6.         width:100px;
  7.         height:30px;
  8.         padding:1px 0 0 5px;
  9.         margin:0 auto;
  10.         background:url(***) no-repeat 0 0;
  11. }
  12.  
  13. #cont .test img {
  14.         width:111px;
  15.         height:67px;   
  16. }
  17.  


Как мне все 4 картинки (их может быть больше или меньше) выставить по центру, в строчку??

(Отредактировано автором: 30 Июня, 2012 - 16:00:32)

 
 Top
armancho7777777 Супермодератор
Отправлено: 30 Июня, 2012 - 15:54:05
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
Если надо обернуть все картинки которые находятся в #cont в один див с id qw:
CODE (javascript):
скопировать код в буфер обмена
  1. $('#cont').find('img').wrapAll('<div id="qw"></div>');


А если надо ещё обернуть каждую в ссылку потом, то:
CODE (javascript):
скопировать код в буфер обмена
  1. $('#cont').find('img').wrapAll('<div id="qw"></div>').wrap('<a href="#"></a>');

(Отредактировано автором: 30 Июня, 2012 - 16:01:52)

 
 Top
DelphinPRO
Отправлено: 30 Июня, 2012 - 21:11:47
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
android пишет:
Как мне все 4 картинки (их может быть больше или меньше) выставить по центру, в строчку??
это вопрос из области CSS уже, как я понял?

не делайте блоки плавающими, пусть они будут inline-block
тогда чтобы выровнять по центру достаточно родителю задать text-align: center


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
armancho7777777 Супермодератор
Отправлено: 30 Июня, 2012 - 21:21:36
Post Id



Активный участник


Покинул форум
Сообщений всего: 4526
Дата рег-ции: Февр. 2011  
Откуда: Москва


Помог: 221 раз(а)
DelphinPRO, ну если картинки обёрнуты в ссылки и находятся в диве,
то зачем трогать вообще свойство display?
Достаточно диву задать text-align: center
PS скучно, интересных тем на форуме нет, вот и придираюсь Радость

(Отредактировано автором: 30 Июня, 2012 - 21:24:29)

 
 Top
DelphinPRO
Отправлено: 30 Июня, 2012 - 21:34:33
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
действительно ) они и так строчные


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
android
Отправлено: 01 Июля, 2012 - 18:34:48
Post Id


Посетитель


Покинул форум
Сообщений всего: 335
Дата рег-ции: Сент. 2011  


Помог: 0 раз(а)
DelphinPRO точно inline-block

Вопрос исчерпан! Спасибо всем!!! Улыбка
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB